Shake-It

The desktop homepage features a large hero image of orange cocktails and sliced oranges on a wooden surface. A navigation menu at the top includes links for Opskrifter, Inspiration, and Shop, alongside a search bar and user icons. Below the hero section, a large headline welcomes users to the site with underlined links for inspiration, recipes, spirits, glassware, and merchandise.The mobile version presents a vertically stacked layout with the hero imagery of cocktails filling the top half of the screen. The navigation is condensed, featuring a hamburger menu icon and a prominent search bar overlaying the image. The welcome text and underlined category links follow below the hero image in a single column.

Shake-It is a comprehensive lifestyle destination dedicated to the art of mixology, serving as a curated hub for cocktail enthusiasts. The platform seamlessly blends educational content with e-commerce, offering a rich library of drink recipes and inspiration alongside a specialized shop featuring spirits, glassware, and branded merchandise. It positions itself as a one-stop shop for anyone looking to elevate their home bar experience. The visual identity is defined by high-impact, sensory-driven photography that emphasizes the textures and vibrant colors of fresh ingredients. The design utilizes a sophisticated typographic hierarchy, employing large, underlined serif and sans-serif fonts that command attention against a warm, organic color palette. The layout is clean and airy, allowing the lush imagery of citrus and cocktails to drive the brand's premium yet accessible aesthetic.

Design

Colors
Buckets
Palette
#FEFAEC
#785F48
#A38A76
#381C10
#D85D10
#E6B585

Technology

JavaScript frameworks
Programming languages
Static site generator
Tag managers
Uncategorized
Web frameworks
Web servers
Pagespeed
Desktop
29
Performance
99
Accessibility
100
Best Practices
100
SEO
Mobile
24
Performance
99
Accessibility
100
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.