Improving how customers connect with a bakery online by blending tradition with functionality

Affans Bakery, a cherished bakery in San Fernando, has been serving the community with freshly made goods for generations. They needed a website that captured their inviting atmosphere while improving accessibility for customers. My goal was to create a modern yet familiar online experience that showcased their offerings and made ordering more intuitive.

Visit the live site

Deliverables

UX research
UI design
Webflow development
Information architecture
Web design
Mobile design
Design system
Visual direction

Problem Statement

Customers struggled to find menu item prices and understand the full range of baked goods available. Many wanted to order ahead but lacked clear information. Their limited online presence on Instagram didn’t reflect the bakery’s warmth or provide a user-friendly experience. The challenge was to build a site that felt intuitive, inviting, and aligned with the bakery’s identity.

Research & Strategy

  • Understanding the Audience: Spoke with the bakery owners to learn about customer pain points and priorities.
  • Competitive Analysis: Evaluated similar bakery websites to identify best practices for structuring menus and ordering information.
  • Key Takeaways: The site needed clear menu organization, upfront pricing, and a seamless browsing experience.

Design Process

1. Information Architecture & UX Design
  • Organized the extensive menu into clear categories for easy navigation.
  • Prioritized key details, such as menu, pricing, and store hours, on the homepage for quick access.
  • Ensured a simple and intuitive layout to reduce friction for customers.
2. Wireframing & UI Design
  • Created wireframes to establish a structured, user-friendly layout.
  • Designed a warm, inviting aesthetic that balanced tradition with a modern refresh.
  • Integrated enticing images to highlight bestsellers and seasonal offerings.
3. Webflow Development & Interaction Design
  • Developed a fully responsive site in Webflow, ensuring a seamless experience across devices.
  • Implemented smooth interactions and animations to enhance user engagement.

Results & Impact

  • Customers can now effortlessly browse the menu and view prices.
  • The new website maintains the bakery’s charm while feeling fresh and modern.
  • A streamlined contact and inquiry process improves customer engagement.
  • The bakery now has a digital presence that strengthens its connection with the community.
Explore
Additional projects crafted with intention