The document provides an overview of the different pages on a bespoke suit website: 1) The home page introduces the website and features news, photos, and sample products. It includes navigation links, social media buttons, and user login/account options. 2) The shop page displays products for purchase, including suits, accessories, and pre-made items. Each product features a photo, price, and option to choose colors. 3) Other pages allow users to view fabrics, learn about the business, see the design process, view a gallery, leave reviews, contact support, and sign up for a newsletter.

1. Unit 1 Assignment 4
Patryk Ruzylo
HND in Computing and Systems Development

2. Home Page is an index,firsttoloadwhenyouenterthe site.Itconsistsof brief informationand
picturesshowingsample suits,fabricsetc.Partof a front page worksas a kindof a blogwhere the
newsare beingput(newandlatestprojects,photos,events).Aseveryothersub-page ithas:Logo,
social mediabuttons,search,loginandbasketsection.Thereisalsoatab menuwithhyperlinksto
certainsub-pages.Onthe rightside,there isabrief profile of authorwithapicture andsubscribe
hyperlinkbelow.The footeractsas cookiespromptalertandterms+ rightsinformation.Inmain
columnapart fromcontent,there isa pop-upreview.Intoprightcornerusershave accessto
optionslike language (toswitchbetweenPolishandEnglishfornow) andcontrast(thatchangesthe
fonts’andbackground’scolourto make itmore visibleforcolour-blindsoroldermonitors)
Whenuserswantto log inor registerby clickingon“AccountLogin” buttonref.a window will pop
up withemail(login) andpasswordsbracketsandalsoa“register”buttonthatchangesthe loginform
to registerfora newuser.Whenloggingin,usercan save accountdetailsor“stay loggedin”for
easieruse.
All the registeredusersandtheirdetails(personal details,bankaccount…) are savedinthe database.

3. Shop/ showsthe stockavailable topurchase.My businessisfocusedonprovidingbespokesuitsbut
apart fromthat there are certain pre-made setsavailable inshopaswell asaccessories,shirts,
blazersandtrousers.
Main contentisa setof picturesrepresentingeachproductsof eachchosencategory.Each product
has itsprice underit.On the bottomof eachproduct’spicture youcan choose fromavailable
colours,thenthe picture setstosaid colour.
Shopitemsare listedindatabase thatis updateddynamicallyandaccessedonce auserwantsto see
any of the products.
Fabrics/ similartoa shoppage,you can view the varietyof fabricsavailabletomake garmentwith.
Each fabric hasa photoof it and price same as ina shoppage.Whenchoosingone of the fabricsit

4. redirectsyoutoa productpage,where youcan zoomthe pictures,choose colourandordera free
sample
About/is a sub-page withabrief contentthatconsistof basicinformationaboutthe page andits
purpose
Howto / the maincolumnshowshowthe service works.Itshowsinsimple stepstofollow,how to
use a website toordera suitto measure.

5. Gallery/shows all the picturesfocusedaroundthe business,samplesets,designs,projects,photos
fromeventsetc.Registereduserscanadd theirownphotosof receivedproductswhichare posted
once verified.Eachphotoandpicture can be openinfull size anddownloadedif itis wallpaper-like.
Contact/ contact forms,e-mail adressandform, telephone numberandfax,correspondence
information

6. Reviews/page withusers’reviewsthatcanbe sortedand viewed.Eachreviewsapartfromopinion
has itsratingpresentedasstars (0-5).Reviewsmaybe aboutcertainproductor a service,business
itself.Registereduserscanfreelyaddreviews.Everyusercanrate the reviewsasuseful,whichhelps
to sort themlater
Subscribe /a formwhere a usercan inputtheire-mail addresstosignupfora newsletter.Itcanbe
easilycancelledthe same wayfroma website orfromnewsletteremail.

7. Start / The mainpurpose of a businessistoprovide bespoke,made tomeasure suitswithon-line
measurements.Startsub-page letsuserchoose actual fabrics(thatcanbe testedahead),suittype
(e.g.twopiece /three piece) andchoose froma range of accessorieslike custombuttons,ties,belts
etc.Hint box displaystipsandhintsonce youmove mouse overeachelementthatmayneed
explanation.
Firstlyuserhasto choose a suittype,fabricand accessoriesare notaccessible until theydososince
otherfactors dependona suittype.Once userchoosesthe type (twoorthree piece),he canchoose
certainfabric,that can be firstorderedas a free sample. Multiple fabricscanbe chosenbutuserhas
to describe whichfabricistobe usedfor whatpiece of garment.Aslast option,he canchoose from
a varietyof accessorieswhichevenincludesthe buttons.
Product/ showsactual photosof a productin differentcolour(if applicable).Thereisalsoproduct

8. descriptionandprice.Fromthere,usercanadd an iteminchosensize andcolourto the basket.If
youmove cursor ontoa picture of a product itshowsa zoomedarea,picturescan be alsoopenin
full-size.If aproductisa fabric,there isan optiontoorderit as a free sample totestand try if it is
suitable forauser.As well asuserscan add itemtothe basket,theycanadd itto theirfavouritesand
viewlater.
Each product on a website islinkedwithadatabase thatallowsapage to displayavailabilityof said
product.Whenthere isno more productsin a warehouse of certaintype,the page will change to
“Sorry,product isnot available atthe moment.Pleasecome backlater”and onthe database site,it
will indicate thatthe productneedstobe replenished.
Measurements/thisiswhere all begins.Once userschose theirsuittype,fabricandall the
accessoriesitredirectsthemtoa measurementspage where all the requiredmeasurements
(dependingonsuittype) inbrackets.Eachmeasurementsisdescribedandahint onthe rightside
displaysandsayshowto make certainmeasurementsright.
Afterputtinginall the numbers,youcan save the measurementstoyouraccount forfurther
purchasesandapplythemto proceedtothe basketandpayment

9. Basket/ displaysall the itemsthathasbeenpreviouslyadded.Showsitem’sname,price andpicture
miniature.Fromthere youcaneitherproceedtothe checkoutandpaymentor go back to the shop.
On the righthand there isa combinedprice of all the itemsfromthe basket.Youcan also view and
choose postage andpaymentoptions
Payment/User can proceedto a paymentsite from basket.Here are twooptionsavailable.Usercan
choose to paywitheithercreditordebitcard or witha PayPal account.When theychoose
credit/debitcardpaymenttheyare requiredtoinputall the neededdetailsinbracketsprovided.
ChoosingPayPal,once loggedinusingPayPalaccountdetails,theyare redirectedtoaPayPal page
fromwhere the paymentisdone.