Figma, illustrator and Photoshop
Study Case

Coffee Time Website Design

The goal is rebrand an existing website design

Category

Coffee shop website

Work

UI, UX, Brand identity , Graphic design , Web Design

Software

Figma, illustrator and Photoshop

Target Audience

Coffee Enthusiasts

Introduction

Coffee Time is a cozy, independent coffee shop located in the heart of the city. Known for its artisan coffee and community atmosphere, the shop aimed to expand its online presence to increase customer engagement and streamline operations. The primary goals for the new website were to enhance user experience, enable online orders, and reflect the unique ambiance of the physical shop.

Research and Analysis

The target audience for Coffee Time includes local professionals, students, and coffee enthusiasts aged 18-45. To better understand this demographic, we conducted surveys and interviews with existing customers and analyzed competitor websites.

Key findings:

  • Users valued easy navigation and a clean, modern design.
  • Mobile optimization was crucial, as most users accessed the site via smartphones.
  • Features like an online menu, ordering system, and information about events were highly desired.

Design Process

Planning and Wireframing : We started with low-fidelity wireframes to outline the site structure, focusing on key pages: Home, Menu, Order Online, About Us, and Contact.

Design Iterations : Through several design iterations and feedback from stakeholders, we finalized a design that incorporated a warm color palette reflecting the coffee shop's interior, modern typography for readability, and high-quality images of the shop and its products.

Key Design Elements

  • Color Scheme: Earthy tones (browns, creams) to evoke warmth and comfort and red tone for individuality.
  • Typography: Clean fonts for modernity and readability of small texts along with special font for headlines.
  • Imagery: Professional photos of the shop, products, and community events to create a visual connection with visitors.

Results and Outcomes

Post-launch analytics showed a 50% increase in website traffic and a 30% boost in online orders within the first three months. Customer feedback highlighted the ease of use and the appealing design of the site.

Metrics of Success:

  • User Engagement: Time on site increased by 40%.
  • Sales Increase: Online orders grew by 30%.
  • Customer Feedback: Positive reviews on the website's usability and design.

Conclusion

The redesign of Coffee Time successfully met its objectives, providing a user-friendly platform that enhances customer engagement and supports the business’s growth. Future plans include expanding the online shop and adding more interactive features based on ongoing user feedback.

Other Projects