May 2017 archive

References

References

123RF, 2017. Vector – Set of vintage retro premium quality badges and labels. [Online]
Available at: https://www.google.co.uk/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=0ahUKEwjTnb2KmfzTAhWSLlAKHfZkCL0QjhwIBQ&url=http%3A%2F%2Fwww.123rf.com%2Fphoto_11267578_set-of-vintage-retro-premium-quality-badges-and-labels.html&psig=AFQjCNH9tFEW5Qb-JnxKK3V63aCvyz

Active Body, 2017. Facebook Black Icons. [Online]
Available at: https://www.google.co.uk/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=0ahUKEwjGmIDxsfzTAhWKUlAKHUPHDJMQjhwIBQ&url=http%3A%2F%2Factive-body.info%2Fpages%2Ff%2Ffacebook-icons-black%2F&psig=AFQjCNE9tKvHo5h05_phFeu4dBClJXSdig&ust=1495298162303601

Bootstrap, 2017. Getting Started. [Online]
Available at: http://getbootstrap.com/getting-started/#template

Clipart Fest, 2017. Twitter Circle Clipart. [Online]
Available at: https://clipartfest.com/categories/view/dd7840c3c65cd2abff44825c8c9c730b97256a7b/twitter-circle-clipart.html

Clipartion, 2017. Cupcake Outline #8264. [Online]
Available at: https://clipartion.com/free-clipart-cupcake-outline/

color-hex, 2017. Pastel Color Palette. [Online]
Available at: http://www.color-hex.com/color-palette/764

color-hex, n.d. Happy Pastel Color Palette. [Online]
Available at: http://www.color-hex.com/color-palette/13735

Dafont, 2017. Dafont. [Online]
Available at: http://www.dafont.com/lie-to-me.font?text=Lauren%27s+Sweet+Treats

Dafont, 2017. Dafont. [Online]
Available at: http://www.dafont.com/always-in-my-heart.font?text=Lauren%27s+Sweet+Treats

Dafont, 2017. Dafont. [Online]
Available at: http://www.dafont.com/couture.font?text=ABOUT+PRODUCTS&back=theme

DaFont, 2017. DaFont. [Online]
Available at: http://www.dafont.com/coco-gothic.font?text=ABOUT+PRODUCTS+CONTACT&back=theme

Flour Pot Bakery, 2017. Flour Pot Bakery. [Online]
Available at: http://flour-pot.co.uk/

Google, 2017. Embed a map or share a location. [Online]
Available at: https://support.google.com/maps/answer/144361?co=GENIE.Platform%3DDesktop&hl=en

Shutterstock, 2017. Shutterstock. [Online]
Available at: https://www.shutterstock.com/image-vector/vector-cooking-mini-icons-set-187235936?src=KTK0vL_oPiY88Hd_IGrBkA-1-18

Truffles Bakery, 2017. Truffles Bakery. [Online]
Available at: http://trufflesbakery.co.uk/

W3school, 2017. Bootstrap Tutorial. [Online]
Available at: https://www.w3schools.com/bootstrap/default.asp

You Concept, 2017. You Concept. [Online]
Available at: http://www.youconceptltd.com/

 

Evaluation Of Finished Website

Overall my experience on working with a client to create a website has been successful, I think that I have created an effective website that displays all of Lauren’s products clearly with a easy navigation around her website. Most importantly my client is happy with her website and the outcome of how it looks. I had good communication with my client and we both understood what each other wanted from every aspect we presented to each other. My website is fully responsive with a working collapsed navigation bar, meaning that Lauren’s users can access her website from any device. I have stuck to Lauren’s theme of pretty with the chosen colors of pink and lilac, also I have used fonts and a logo that represents a formal look.
As it was my first time using Bootstrap I have also learnt another way in which making a website, I found using Bootstrap easy to use as all coding is just on one page, not only this when building the website I could make it responsive easily.

Below is my validated website, unfortunately I was unable to understand the error of iframe, which contained a google map of where Lauren is based. I got the coding from google which is reference in a post. Otherwise my website has no errors and all the task run smoothly.

(click on image to enlarge)

Presenting Finished Website To Client And User Testing

Now that I have finished my website it is important that my client is happy with it below is the email I sent and Lauren’s reply.

 

The only change she wanted was for the website background to be one colour, I have changed this and with the section dividers the website flows a lot better, otherwise she is very pleased with the final website.

 

Below are my results for user testing