Five Elephant Website Redesign

Julian Koren

Five Elephant

Five Elephant, a Berlin-based specialty coffee roastery and bakery, sought to elevate its digital presence with a website redesign, targeting both local and global audiences.
As a UX/UI designer, I crafted an intuitive and engaging experience, revamping the product page and creating location pages to boost online interactions and drive foot traffic to their cafes.
Product Page Template Redesign
Product Page Template Redesign

Product Page Redesign

Five Elephant, a Berlin-based specialty coffee roastery and bakery, aimed to elevate its digital presence with a website redesign, connecting with local and global audiences.
As a UX/UI designer, I collaborated with their team to enhance user experience, revamping the product page and creating location pages to drive online engagement and in-store visits.
Project Highlights
I worked closely with Five Elephant’s team to overhaul the product page, showcasing their coffee offerings with a focus on unique sourcing and roasting processes. Key features included:
High-Quality Imagery: Professional photos of coffee beans, packaging, and brewing processes for an immersive visual experience, vital for e-commerce as 50% of users associate design with brand credibility.
Detailed Descriptions: Comprehensive details on each coffee’s origin, flavor profiles, and brewing tips to educate customers and align with Five Elephant’s transparency values.
Intuitive Navigation: A clean, user-friendly layout for seamless exploration of coffee types, subscriptions, and accessories, optimized to reduce bounce rates.
Responsive Design: A fully responsive interface ensuring accessibility and performance across all devices, meeting modern web standards.
New Location Pages
New Location Pages

Location Pages

I developed dedicated pages for each of Five Elephant’s cafes to boost local visibility and drive foot traffic. These pages provided essential details, including maps, addresses, and operating hours, to make it easy for customers to visit.
Location Details: Clear maps, addresses, and contact info for each cafe, ensuring customers can find them effortlessly.
Operating Hours: Up-to-date schedules to help customers plan their visits, crucial for service businesses.
Menu Highlights: Unique menu items or specials for each location to attract visitors and increase in-store sales.
Event Information: An events calendar showcasing in-store activities, like tastings or workshops, to foster community engagement and encourage repeat visits.

Background and Context

Five Elephant, a Berlin-based coffee roastery and bakery, is known for its sustainable practices, ethically sourced beans, and top-notch coffee. Founded in 2010, it runs several cafes in Berlin and sells its premium coffee worldwide. I worked on redesigning their website, focusing on the product page and creating location pages to make their cafes easier to find locally.
From my research, Five Elephant emphasizes direct trade with farmers, eco-friendly methods, and high-quality coffee, roasting about one hundred tons of beans each year. The website redesign was meant to showcase these values—transparency, sustainability, and community connection—while improving the online experience for their customers.

Conclusion

The Five Elephant website redesign tackled common website issues, like making navigation easier, improving visuals, and helping local customers find their cafes.
I worked on the UX/UI design and Shopify development to boost online engagement and local visibility. The revamped product page helped customers learn more about their coffee, while the location pages were designed to bring more people into their cafes.
Like this project
0

Posted Apr 13, 2025

Redesigned Five Elephant's website to improve user experience and local visibility.

Likes

0

Views

1

Timeline

Apr 10, 2024 - Nov 10, 2024

Your Bloemist Rebranding and Webshop Development
Your Bloemist Rebranding and Webshop Development
Keyword Research - Product Hunt Launch
Keyword Research - Product Hunt Launch