Web Design

Website design for the bakery

Project Overview
The aim of the project was to design a website for the bakery, which would inform about the process behind the company. The main goal is to attract the attention of customers with a simple and functional site.
My Contributions
Competitor analysis
Components & Variants
Customer jorney map
Logo, colors & Typography
Site map
Wireframing
Visual design and prototyping
Create an attractive page for users, which will introduce the brand and encourage new consumers to buy.
Challenges
After brainstorming and carefully prioritizing the brand attributes into distinct categories, I have laid the foundation for the mission statement. The mission statement encompasses the target audience, the brand's tone of voice, the emotions the website should evoke in customers, the desired impact on the customers, and how it should stand out from competitors. The primary objective of this exercise is to gather crucial insights for the future design of the website and to enable productive and unbiased discussions about it.
Research
The next step was the development of the site map, which took into consideration the previously identified proto-personas, along with their unique challenges, motivations, and corresponding solutions. Additionally, I incorporated the goals of the organization to create a comprehensive and effective site map. The focus was to ensure that the site map accurately reflected the needs and desires of our target audience while also aligning with the overarching objectives of the organization. This approach allows us to create a website that delivers an optimal user experience while also achieving the business goals of the organization.
Site map
By building the site structure and creating low-fidelity wireframes, I was able to get direct buy-in on the approximate structure. This allowed me to quickly and efficiently create a blueprint for the website and ensure that all stakeholders were on the same page. I used wireframes to create a basic visual representation of the website's layout and functionality. This enabled me to identify any issues or potential improvements in the design before moving forward to the development phase. Additionally, creating wireframes allowed me to make design changes quickly and easily, which saved time in the long run. The direct buy-in from stakeholders on the wireframes helped me to stay on track with the project timeline, ensuring that we were meeting the expectations and needs of all parties involved. By having a clear structure and plan in place, I was able to move forward confidently with the website development phase.
Wireframes
I designed the website with warm colors that are associated with comfort and coziness, creating a welcoming and inviting environment for our customers. To ensure that our message is communicated clearly, I incorporated a lot of visual support alongside the text, making it easy for buyers to understand processes and trust our brand. The website's minimalistic design ensures that it is user-friendly for all categories of product buyers. I avoided complex animations that might slow down the website, instead opting for a streamlined design that is easy to navigate. To enhance the visual design, I incorporated icons that I sourced from a free service. This allowed us to add a touch of personality and creativity to the website without incurring any additional costs.
UI Kit
I designed the website to be visually light, with a focus on creating a welcoming and friendly environment that evokes positive emotions in the user. By utilizing a light design, I was able to introduce our products in a subtle and approachable way, creating a sense of warmth and comfort that is inviting to users. I wanted our customers to feel at ease while browsing our website, and our light design helps to achieve this goal. I believe that the user experience is of the utmost importance, which is why I am committed to creating a design that is both visually appealing and user-friendly.
Final Design
Thanks to the new UX design, I have improved the hierarchy of information on our website, making it easier for users to navigate and find the information they need. By streamlining the user experience, I am able to ensure that our customers have a seamless journey from the moment they arrive on our website to the point of purchase. The design I created effectively conveys the company's main values, showcasing our commitment to quality and customer satisfaction. I understand that trust is a key factor in customer satisfaction, and this website is designed to instill confidence in this brand. I've made sure to provide all the necessary information for customers before making a purchase.
Final thoughts
FacebookLinkedinbehance