They wanted a digital presence that was playful yet professional, easy to navigate, and designed to drive sales while telling their unique story.
Capybara Coffee came to me with a big vision: they wanted to create an independent coffee brand that felt friendly, ethical, and community-driven, while also standing out in a highly competitive online coffee market.
They needed a brand and an e-commerce platform that could not only tell their story authentically but also handle scalable product sales with ease.
The main challenge was finding the perfect balance between playfulness and professionalism—building trust through design, while still making the brand feel approachable and memorable.
The website also had to be lightning-fast, SEO-optimized, and easy for the Capybara Coffee team to manage, allowing them to add new products, launch campaigns, and grow organically over time.
I developed a full brand identity and a custom Wordpress e-commerce site that captured the spirit of Capybara Coffee while providing a seamless, conversion-focused shopping experience.
The brand’s character, Capy, became the heart of the visual identity—used thoughtfully throughout the site to add warmth without overwhelming the professionalism needed for an e-commerce store.
I crafted a mobile-first, high-performance site architecture to ensure a fast, smooth customer journey from landing page to checkout.
SEO best practices, scalable product templates, and backend ease-of-use were all built into the solution from the start, empowering the Capybara Coffee team to manage their store, blog, and campaigns independently after launch.
The design for Capybara Coffee was inspired by the idea of slow moments, comfort, and community—the feeling of sharing a cup of coffee with friends.
I blended organic textures, soft rounded edges, and earth-toned color schemes to create a sense of warmth and trust.
At the same time, the UI was kept minimalist and clean to highlight the product photography and storytelling without distraction.
Subtle animations and hover effects brought life to the experience, while clear typography and intuitive layouts made sure the focus stayed on the coffee itself.
The character Capy was illustrated to feel friendly and iconic—designed to grow with the brand, appearing across packaging, campaigns, and merchandise.
The Capybara Coffee website features a custom Wordpress theme built for performance and flexibility.
Visitors are greeted with bold, welcoming hero sections that introduce the brand story and featured coffees.
Product pages were designed with clean, conversion-focused layouts, including variant selectors, subscription options, and engaging product details.
A dynamic blog was integrated to allow the brand to share brewing tips, ethical sourcing stories, and customer spotlights—building community and SEO strength at the same time.
The site’s checkout flow was streamlined for ease, with trust signals and multiple payment options to support conversions.
Performance enhancements like lazy loading, caching, and image optimization ensure a fast, satisfying user experience across mobile and desktop.
The color palette for Capybara Coffee was designed to reflect natural, comforting tones associated with warmth, earthiness, and sustainability.
I used a base of soft browns and sandy neutrals, accented with muted greens and gentle creams to mirror the grounded, ethical ethos of the brand.
This palette not only supports product storytelling and photography beautifully but also creates a welcoming, relaxed browsing experience—encouraging visitors to linger and explore.
Typography for Capybara Coffee needed to strike a balance between character and readability.
For headings, I chose a friendly, slightly rounded serif font that adds warmth and a subtle artisanal feel—perfect for conveying trust and approachability.
Body text uses a modern sans-serif typeface, ensuring clear, clean readability across devices and screen sizes.
Together, the typography creates a polished yet personable tone, matching the brand’s goal of blending professionalism with a sense of human connection.