Sugar Rush Bakery
Sugar Rush Bakery is a fictional bakery that I created. I spent 10 weeks on this project and coded the entire website using HTML/CSS and JavaScript. To create the website, I went through ideation, wireframing, designing, and coding to achieve the final product. One of the main goals of this project was to emphasize the importance of responsive web design and accessibility.
Wireframes
I used Balsamiq to create general wireframes for the Home, About, and Shop pages of my website. I tailored the page design to match what users would typically expect on a webpage, to avoid confusion when using the website.
Mockups
Mockups were made using Adobe InDesign as a way to visualize the aesthetic of the website.
The following mockups demonstrate both desktop and mobile to show that the design was made with the flexibility to be compatible on both platforms.
The following mockups demonstrate both desktop and mobile to show that the design was made with the flexibility to be compatible on both platforms.
Deployment
I obtained my domain through Namecheap and then utilized Cloudflare as my CDN to help with optimizing my website (ex: compression and minification).
Once everything was uploaded, I used a tool called web.dev to judge the accessibility and performance of my website.
Final Design
