Port of Mokha

The desktop homepage features a wide hero image of dark, shimmering ocean waves with white text reading 'TAKE A JOURNEY TO THE WORLD'S MOST EXQUISITE COFFEE' and two buttons: 'SHOP COFFEE' and 'GIFT GUIDE'. Below the hero, a clean white section displays product categories like 'TIMELESS MOKHA BLEND' and 'THE YEMEN TRILOGY' with high-quality product photography. The navigation bar is minimal, containing links for Coffee, Brew Guides, All Products, and Sign In alongside a shopping bag icon.The mobile version presents a vertically oriented hero image showing a close-up of coffee being poured, overlaid with the same central headline and two large, stacked buttons for 'SHOP COFFEE' and 'GIFT GUIDE'. The header uses a hamburger menu icon on the left, the brand logo in the center, and a shopping bag icon on the right. The layout transitions to a single-column view for product sections like 'TIMELESS MOKHA BLEND' below the hero.

Port of Mokha is a premium specialty coffee brand dedicated to sourcing and delivering the world's most exquisite Yemeni coffee directly to consumers. The website serves as a sophisticated digital storefront that blends e-commerce with storytelling, inviting customers to explore the rich heritage and perilous journeys behind their beans. By emphasizing direct-from-source authenticity and critical acclaim, the platform positions itself as a high-end purveyor for coffee connoisseurs and gift-seekers. The visual identity is defined by a minimalist, high-end aesthetic that utilizes expansive, cinematic imagery to evoke a sense of adventure and luxury. A muted, sophisticated color palette paired with clean typography and generous whitespace creates an editorial feel reminiscent of a luxury lifestyle magazine. The design prioritizes atmosphere and emotional resonance, using evocative photography of ocean waves and brewing processes to elevate the product from a mere commodity to a curated sensory experience.

Design

Colors
Buckets
Palette
#F7F3F1
#2C353E
#1D2228
#4B4B4F
#7B726C
#B6B7BC

Technology

Affiliate programs
Email
JavaScript frameworks
JavaScript libraries
Marketing automation
Miscellaneous
Page builders
Payment processors
Personalisation
Reviews
Security
Shopify apps
Uncategorized
Pagespeed
Desktop
65
Performance
79
Accessibility
50
Best Practices
100
SEO
Mobile
37
Performance
79
Accessibility
92
Best Practices
100
SEO
Related websites
Advertisement
Learn more

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request.