UnBaguettable
UI/UX Design (Exercise)
This project was to create a home page for the fictional cafe UnBaguettable. I worked on this project to test and develop my HTML & CSS coding skills for building version 2 of my portfolio site. Also, it allowed me to exercise my UI(User Interface)/UX (User Experience). Each is based on a different standard web personality while using the same content, with only minor changes (e.g. the ratio of the images I changed when needed for the design). The different personalities were;
• Bold/Confident,
• Calm/Peaceful,
• Minimalist/Simple,
• Plain/Neutral (common in big corporations),
• Playful/Fun
• Serious/Elegant,
• Startup/Upbeat,
Before designing a page, I looked up various sites with the same personality to get some ideas, aiming for sites in the same industry. For each design, I started with drawing a wireframed, laying out the plan for the content of each page. I used a set of font sizes and spacing for the design, which scaled up for each page, which helped make the design more consistent, and made creating the layout in code much more straightforward.
The main challenge was figuring out how to do the designs I wanted in the code, which was part of the project's point. The other was making sure each design stuck with its web personality and not have them all merge into one.
Overall I've pleased with the progress I've made with the code. Each design has stayed true to the web personality assigned and has fantastic UI/UX design.
>