Cymé.
Après avoir réalisé leur première marketplace en 2016, le Studio Cymé a fait de nouveau appel à nous pour créer leur tout nouveau site web. Cymé avait le désir de faire évoluer leur formule et de changer leur image. Fini le marketplace participatif, le souhait était de se recentrer sur l’agence / bureau de style et proposer un service sur-mesure ou des motifs issus d’une collection réalisée par une équipe de créateurs finement choisie.
Navigation sur studiocyme.com
L’enjeu pour nous était de créer deux plateformes travaillant en synergie. D’un côté un site vitrine pour présenter leur activité : Un studio de design textile et surface avec une équipe de créateurs et de l’autre côté un eshop privé réservé aux professionnels où ils pourraient consulter et acheter des motifs. D’un côté présenté un service de conseil et de création sur-mesure, de l’autre un eshop destiné pour professionnels.
Recherches graphiques à partie de la première charte de Cymé / point & cadre
Pour la charte nous avons repris les éléments graphiques déjà développés pour Cymé : Cadre et jeu de point. L’idée était de créer de petites animations mais nous avons choisi de jouer sur les changements de fond et l’évolution des teintes en arrière-plan.
Choix des typographies
Recherches graphiques autour du point sur le logo Cymé.
Demo d'animation des points
Nous avons alors défini ensemble une nouvelle gamme colorée pour Cymé. Exit les teintes nudes et rosées, nous avons gardé comme point de départ le bleu nuit utilisé sur leur logo et décliné une gamme complémentaire pour mettre en valeur les motifs.
Changement de gamme colorée
L’enjeu était de créer une gamme en adéquation avec les motifs souvent colorés ou aux multiples teintes, sans altérer leur création. Nous avons joué sur des complémentaires du bleu nuit : blanc cassé et jaune plastel lumineux, un fond beige neutre et un bleu cobalt plus flash pour apporter du pep’s. Nous avons créé du rythme grâce au scrolling de la page d’accueil et joué sur un changement de couleur progressive pour séparer les différentes informations.
Demo de scroll / Changement du couleur progressif
L’idée était également de créer une page d’accueil la plus complète avec très peu d’envoi vers d'autres pages. Nous avons simplifié la structure du site, la page d’accueil donne un maximum d'informations et renvoie vers l'eshop de Cymé, une galerie de réalisations, une page de présentation d’équipe et un formulaire de contact.
Aperçu de la page d'accueil
Changement coloré au scroll à chaque partie : Agence graphique / Bureau de style / collection / Équipe / Question
Mise en valeur de l'équipe de créateurs
Galerie / Portfolio des réalisation - Fiche présentation de chaque créateur
Formulaire de prise de contact / Rendez-vous
Avec l’eshop, nous avons développé un système sur-mesure pour Cymé. En effet, le studio avait besoin d’un outil pour mettre en situation les motifs mais pas uniquement du mockup, l’idée était de créer un outil de mise à l’échelle et de placement pour donner aux clients la possibilité de se projeter avec le nouveau motif.
Nous avons développé outre un outil de preview du motif sur différents supports (vêtements / intérieur / objets / textiles) une possibilité de jouer à la fois sur le placement du motif (motif en coordonné), d’altérer sa taille pour mettre à l’échelle souhaitée et jouer sur les différentes déclinaisons couleurs. Cela nous a permis de créer un outil sur-mesure adapté aux demandes de Cymé et idéal pour faciliter l’expérience de leur client / acheteur.
Aperçu d'eshop privé accessible aux professionels par inscription / Crédit vidéo : Studio Cymé