ui/ux design
Depuis 2011, je suis UI/UX designer chez Kaporal groupe. Voici un panel de ce que je réalise pour le site et aussi pour d’autres clients.
Mon rôle chez Kaporal est de concevoir, maquetter et intégrer en HTML/CSS les pages éditioriales et marketing du site, ainsi que les fichiers pour les RS, bannières RTB ou display et les newsletters. Par le biais de mon auto-entreprise, je suis amenée aussi à effectuer des refontes de sites sur une nouvelle plateforme telle que Wix, Shopify ou encore WordPress.
pages édito
• Kaporal
Dates :
2015 à aujourd’hui
Compétences :
Magento 1 & 2 • HTML/CSS
Adobe XD • Figma
Photoshop • Illustrator
Express • Canva • Vimeo
Dès 2004, Kaporal s’est démarqué par son état d’esprit novateur qui se joue des codes. Une identité forte qui signe chaque collection et déteint sur des communications incarnées et engagées. Grâce à sa créativité, Kaporal s’est vite imposé dans le paysage de la mode comme un spécialiste du denim lifestyle pour devenir le deuxième acteur du marché sur ce segment, en France, sur les catégories homme, femme, enfant…
C’est avec cette ADN et l’envie de mettre en avant la marque que je designe et et construit les pages éditoriales du site. Tout d’abord en photographe autodidacte, j’ai pu réaliser des shootings photo sauvages ou en studio afin de trouver des décors en adéquation avec les thèmes du moment. Ici une tête de bison, là des chaises de jardins ou encore une ambiance tropicale prise au parc animalier GOA ! Tout était bon pour avoir les pages les plus marquées par l’ADN.
Ensuite, nous avons évoluer, le site se modernise et nous aussi. En collaboration avec le service communication pour les visuels et le wording, je joue avec les tailles de visuels, les vidéos, les typo et les couleurs pour mettre en pages les nouveaux lookbook, et toujours avec une intégration 100% made in Marianne en HTML/CSS
Enfin, nous somme passé sur Magento 2, le travail est un peu différent, mais toujours instructif, Le builder est là pour aider mais il faut quand même jouer des feuilles de style pour un rendu parfait !
pages RSE
• Kaporal
Date :
2022
Compétences :
Magento 2 • HTML/CSS
Adobe XD
Photoshop • Illustrator
Express • Canva • Vimeo
Travail collaboratif sur le brief avec le service communication. Création et conception des Maquettes sur Adobe XD et intégration responsive mobile first avec le Builder de Magneto 2, HMTL/CSS sur magento II. Il était important de bien mettre en avant nos engagements de marque vis à vis d’une mode plus responsable de la planète et de l’humain.
UI/ux desgn
• joe retro
Dates :
2011 à 2016
Compétences :
Magento 1 • HTML/CSS
Adobe XD
Photoshop • Illustrator
Joe Retro est né de la créativité d’un styliste du groupe Kaporal. D’abord sortie en 2011 puis relancée en 2015, la marque Joe Retro avait sa place sur le marché. Petit frère de Kaporal, la collection Joe Retro peut se définir par chic et sobre, ce qui séduira le citadin, friand de produits stylés au marquage discret.
En collaboration avec les designers, j’ai eu la chance de m’occuper des shootings studio pour la vente en ligne, du design UI/UX de la home, des fiches produits, des pages catégories, éditoriales et blog « Carnet de voyage » qui étaientt vraiment très inspirantes.
Malheureusement, à cause de divergences d’image de marque, Joe Retro a succombé, à mon grand regret.
Formation ux
• cegefos
Dates :
2017
Compétences :
Adobe XD • Zeplin
Photoshop • Illustrator
InVision
MS Project
WordPress
EN 2017 j’ai choisi de me former au centre de formation CEGEFOS avec l’item INTEGRATION WEB CMS UI-UX, afin de renforcer mes compétences en HTML/CSS et d’acquérir les bases pour une stratégie d’expérience utilisateur renforcée. J »y ai découvert’ai pris en main facilement les logiciel adobe XD et sketch pour concevoir des prototypes et des maquettes plus abouties.
Pour valider le cycle INTEGRATION WEB CMS – UI UX, j’ai validé tous les blocs de compétences, à savoir :
Intégration WEB : Html 5 & CSS3, WordPress
UX UI DESIGN : GESTION DE PROJET WEB, UX UI DESIGN
E-COMMERCE : DROIT INTERNET, PRESTASHOP, MAGENTO
Retrouvez ici la formation complète
Points forts de la formation :
- Etudier les besoins clients et rédiger le cahier des charges fonctionnel
- Proposer et choisir le système de Gestion de contenu le mieux adapté à la demande du client
- Maîtriser les étapes de conception d’un site internet responsive sous SGC ou CMS
- Optimiser l’ergonomie du site en exploitant les outils et les techniques d’expérience utilisateur (UX Design) et du design d’interface (UI Design)
- Organiser la navigation et structurer l’arborescence
- Intégrer et structurer le contenu (textes, photos, vidéo, audio, formulaires…)
- Optimiser les pages de site pour un meilleur référencement sur les moteurs de recherches tout en respectant les normes d’accessibilité
- Acquérir les techniques de la mise en ligne et de transfert du site sur un serveur distant via FTP
- Faire évoluer et sécuriser le site internet
emailing
• kaporal
Dates :
2011 à aujourd’hui
Compétences :
Adobe XD
Photoshop • Illustrator
Canva • Express
Gif animés
Smartfocus • Actito
En collaboration avec le service communication ou CRM, j’analyse le brief donné pour concevoir mes maquettes responsives mobile first, au plus près de la demande, que ce soit un emailing éditorial, marketing produits et/ou promotionnels ou trigger.
Avec environ 5 newsletters par semaine, je peux dire que je suis rapide et efficace pour retranscrire sur Photoshop, sur Adobe XD ou sur Figma les envies de chacun, que ce soit un client ou un collègue ! Avec ou sans bannières animées, sobre ou excentrique je m’adapte à toutes les demandes.
Avec ma binôme du CRM, j’ai appris à faire des personnalisations de contenu en fonction des profils utilisateurs, faire des routages simples avec ciblages prédéfinis et à comprendre les rapports de la plateforme de routage ACTITO.
app le klub
• kaporal
Dates :
2017 à aujourd’hui
Compétences :
Adobe XD
Photoshop • Illustrator
Appsmile • D-Aim
Première version créée par un prestataire externe. Très bien pour débuter, mais il a fallu revoir l’ergonomie et les graphismes assez rapidement.
Amélioration de design de l’application le klub, créée par un prestataire externe. L’ergonomie et le design d’interface n’était pas performant, nous avons donc décidé de revoir l’ensemble des pages et de premiumiser l’app.
Insertions de cartes à swiper sur la home, changement des typos et des couleurs, ajout du scan et des lookbooks, refonte des pages CMS. Refonte de l’affichage des pictos bonus et du code de façon plus ergonomique.
Maquettes responsives sur Adobe XD avec simulation et effet UI. Déclinaison de jeux sur l’app avec animations lotties et création de l’ambiance du jeu.