Concept

Sunset Spa

La société ClairAzur, spécialisée dans la vente de spas et d’équipements de bien-être, a déposé la marque Sunset Spa en 2022. Cette marque propose des équipements de spas, des produits de traitement de l’eau, des huiles essentielles, ainsi que des services d’installation, d’entretien et de bien-être, comme l’aromathérapie et l’hydrothérapie.

Dans le cadre de son développement, Sunset Spa a sollicité la création complète de son site web, comprenant la conception de la home page et de l’ensemble des pages secondaires. 

UI kit 

Web system

Le Web System de Sunset Spa est un ensemble de règles simples et de composants pratiques qui définissent la structure, le design, et les interactions du site web. Il permet d’assurer une expérience utilisateur harmonieuse et fluide tout en facilitant la création et la mise à jour des pages du site.

Wireframe de la home page

Wireframe de la home page

Typographie et polices

Titres et headings

H1

Playfair display - 62px

H2

Playfair display - 62px

H3

Poppins - 20px

H4

Poppins - 17px

Body text

Poppins - 20px

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

Poppins - 16px

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

Call to action

Principaux

Secondaires

Tertiaires

Icônes

Objectif

Réalisation d'un site web

Pendant mon alternance chez Stardust Multimédia, un projet nous a été confié par Ideal-com Interactive. Avec mon tuteur, nous avons réalisé la maquette du site web à partir des zoning fournis. Nous avons utilisé Adobe XD pour créer des maquettes interactives, permettant de visualiser les parcours utilisateurs et l’interaction avec les éléments du site.

Le but était de concevoir une interface à la fois intuitive et attrayante, tout en respectant l’identité visuelle de Sunset Spa. Nous avons conçu toutes les pages du site, y compris la home page et ses sous-niveaux, en veillant à ce que chaque section soit optimisée pour l’expérience utilisateur.

Pages 

Sous niveaux

Aperçu de quelques pages sous niveaux réalisé, notamment toutes les pages paniers et mon compte client ainsi que son fonctionnement.