Coffee & Records : Interactive and Hybrid e-Shop

Antoine Farcy

0

Web Designer

Photo Retoucher

Framer Developer

Adobe Photoshop

Framer

Main Design

Responsiveness for in-store use

Easy in-store use thanks to a great responsivness on mobile. Customers can browse a wide range of online only sold items, and check out a cool drink selection.
Mobile Layout with Search feature - and Highlights
Mobile Layout with Search feature - and Highlights

Online store with a in-store like feel

Homepage
On-hover highlights were created for a fun and physical-like feel even for online purchases. Thanks to the new Framer X Shopify plugin, management of goods and sales is easy and can be tracked through Shopify's interface.

Genres Picking - Global Selection

Since most record stores hold a lot of references, we also chose to add lists for other records. Customers can chose references through genres of music - and refine the selection. We chose to use a dark background, as a nod to in-store boxes of vinyls we usually see.
Genre selection
Genre selection

Highlight & Selection of Article

Background opacity + clear CTA when article is clicked
Background opacity + clear CTA when article is clicked
Easy to reach CTA and highlights allow for a fast and high-converting customer journey. The owners of the store can see great improvements when it comes to sales.

Interactions and embeds

Owners can update their favorite album and create a deep bond with their customers.
Owners can update their favorite album and create a deep bond with their customers.
Adding Apple Music or Spotify embeds allows for the owners of the store to share their latest favorites - and create a deeper identity when it comes to their store - strengthening the bond with their customers.

Minimalistic layout

Easy to reach links and legal information
Easy to reach links and legal information
A clear font curation is used throughout the website for a simple user experience. Important pages are easy to find, and customers don't waste time finding what they're looking for.
Like this project
0

Posted Nov 22, 2024

Hybrid in-store and online e-commerce website. Easy to understand layout and various animations for a physical feel, even online.

Likes

0

Views

0

Tags

Web Designer

Photo Retoucher

Framer Developer

Adobe Photoshop

Framer

Inès Ouertani : Makeup Artist Portfolio
Inès Ouertani : Makeup Artist Portfolio
Le Refuge : Schedule & Events Website for a High-End shop
Le Refuge : Schedule & Events Website for a High-End shop