Rami El Maher

Directeur du design
Consultant et auditeur UX/UI

Tous les projetsConcept store / Place de marché
E-commerceWeb adaptatifDesign UI

Selection.

Concept Store

Une boutique pensée avec soin, de la découverte au paiement.

01 / Vue d’ensemble

Un lieu de découverte.
Une envie d’explorer.

Un concept store réunissant des marques tunisiennes et des produits de bien-être dans une même expérience d’achat.

Le design relie une vitrine éditoriale aux étapes concrètes de l’achat : parcourir une collection, découvrir un produit, lire les avis et passer commande.

Mon travail de design d’interface réunit ces moments sur ordinateur et sur mobile, avec un langage visuel épuré et une structure cohérente des informations produit.

Mon rôle
Design UI
Expérience
Boutique adaptative
Projet
2022
Domaines
Découverte et commande

La direction de design

Laisser la collection guider.
Garder les choix clairs.

La boutique laisse la photographie et les produits s’exprimer. Les catégories, les informations produit et les commandes d’achat tracent ensuite un parcours clair dans la collection.

Une direction cohérente

01

Découvrir.

Présenter la collection avec une ouverture éditoriale.

02

Comparer.

Donner aux informations produit une structure prévisible.

03

Choisir.

Rendre les options et les actions d’achat faciles à trouver.

04

Poursuivre.

Prolonger le même langage visuel jusqu’à la commande.

02 / Expérience du site

Une introduction
à la collection.

La page d’accueil alterne découverte des produits, accès aux catégories et contenu éditorial. Cette longue page conserve le caractère de la boutique tout au long de l’exploration.

Selection — Concept Store / Page d’accueil
Selection — Concept Store / Page d’accueil
Selection — Concept Store / Page d’accueilFaites défiler pour explorer ↓

Au cœur de l’expérience

De la découverte
à un choix réfléchi.

Chaque page répond à une question différente : quels produits sont disponibles, pourquoi un produit est pertinent et quelles étapes précèdent la commande.

01 / Boutique

Une collection à explorer.

La boutique présente les produits dans une grille cohérente, avec les catégories et les filtres à proximité de la collection.

Ordinateur / Sélection de designs d’interface
Selection — Concept Store / Boutique
Selection — Concept Store / Boutique
Selection — Concept Store / BoutiqueFaites défiler pour explorer ↓

03 / Expérience adaptative

La même boutique.
Un écran plus petit.

Les mises en page mobiles adaptent la collection, les filtres, les informations produit et la commande à un écran étroit. Faites défiler chaque aperçu pour découvrir le design complet.

Selection — Concept Store / La boutique
01 / La boutique

Une découverte éditoriale adaptée au mobile.

Selection — Concept Store / Filtrer la collection
02 / Filtrer la collection

Un espace dédié pour affiner la sélection.

Selection — Concept Store / Fiche produit
03 / Fiche produit

Photographie et informations dans un même parcours vertical.

Selection — Concept Store / Commande
04 / Commande

Les détails de la commande organisés pour un petit écran.

Le travail réuni

Du caractère dans les détails.
De la clarté dans le parcours.

La collection donne sa personnalité à la boutique. Une interface cohérente relie les étapes qui l’entourent.

De la première impression à la commande, cette sélection réunit découverte, évaluation du produit et détails de l’achat dans un même langage visuel.

Projet suivant

Flesk. Retour à tous les projets