Website Design

Butter Bakery

The objective of this project is to create a responsive website for a luxurious bakery cafe, Butter. The same homepage had to be created with versions of desktop, tablet, and mobile, respectively. Also, to create prototype for different approach such as busy mom and college student.

WATCH IT IN ACTION >>
Project objective

The objective of this project is to create a responsive website for a luxurious bakery cafe, Butter. The same homepage had to be created with versions of desktop, tablet, and mobile, respectively. Also, to create prototype for different approach such as busy mom and college student.

date

July 6, 2022

design items
  • Website
  • Tablet
  • Mobile
  • Home page
  • Menu page
  • Check out Prototype
tools
  • Adobe Photoshop
  • Adobe XD

Process

Choosing colours and fonts are very time-consuming for this project. Because it’s made for a luxury bakery, the visual must not be too much contrast and bold which may affects the identity of the brand.

 • Home page

It took me 20 hours to create concepts and content, adjust images and design the whole page. The research and concept was the most longest stage. I finally went with the bright theme.

 • Responsive homepage

Based on the created homepage, I took sometime to adjust the layout in other interface so that the design is responsive. TheMobile version has the most changes including font size and layout compared to the website version.  

 • Prototype

To use Adobe XD to create different User Experience including College Student and Busy Mom. The process has to be easy and convenience for both sides. I included the Phone Number on the Navigation bar so that the busy one can easily access the information and get what they want. The Check-out Process was also simple to follow. The check out box contains all the information that customer may need.

Images

Watch it in action >>

Check out Process

Step 1
Step 2
Step 3