Mobile – Mozaik Design https://www.mozaik-design.com Graphic Designer Sun, 04 Oct 2020 17:38:15 +0000 fr-FR hourly 1 https://wordpress.org/?v=6.0.6 https://www.mozaik-design.com/wp-content/uploads/2019/09/cropped-MOZ-LOGO-FAVICON-512x512-32x32.png Mobile – Mozaik Design https://www.mozaik-design.com 32 32 Rumporter-UX-UI https://www.mozaik-design.com/portfolio/rumporter-ux-ui/ Fri, 28 Aug 2020 12:29:51 +0000 https://www.mozaik-design.com/?post_type=portfolio&p=9015

RUMPORTER

Le magazine de la culture Rhum
À propos

Destiné aux spécialistes, professionnels et amateurs, le magazine Rumporter couvre des dossiers de fond, met en avant des lieux et des marques en rapport avec la culture rhum ainsi que les hommes et les femmes qui font le rhum. C’est aussi un magazine reconnu pour ses commentaires gustatifs sur de nouveaux produits et pour ses conseils concernant les nouveaux lieux où déguster le rhum (ateliers de dégustation chez les cavistes, bars spécialisés…). 

Objectifs
  • Réaliser un site internet sur le modèle Freemium.
  • Mettre en place une architecture de l’information pertinente et fluide.
  • Permettre à notre client une gestion du contenu via un back-office.
  • Réviser l’organisation des contenus par rapport au magazine (voir arborescence du magazine ci-dessous), penser l’ergonomie.
  • Développer une base d’abonnés.
Mon rôle

Ce projet de fin d’études a été mené par une équipe de cinq personnes. J’ai d’abord travaillé sur l’analyse contextuelle (problématique, swot, benchmarks…). Nous avons adressé un questionnaire via les contacts clients (abonnés, professionnels…) et synthétisé les réponses afin de les intégrer au dossier de conception. J’ai ensuite recherché les cibles potentiels et scénariser les parcours utilisateurs. Une fois l’arborescence du site créée, des wireframes ont été définis pour analyser le zoning. En terme de design, j’ai défini la charte graphique du site (univers 60’s vintage : typos, pictos), et réaliser les maquettes des pages principales. 

CONTEXTE

LA PRESSE EN LIGNE

La presse est un secteur particulièrement impacté par l’émergence des nouvelles technologies. Depuis plus de 15 ans, les médias traditionnels font face à une transformation sans précédent. Certains ne réussissent pas à prendre ce virage digital et disparaissent, d’autres s’adaptent, s’appuient sur des technologies robustes et rencontrent de nouvelles audiences.

LE MARCHÉ DU RHUM
  • Le rhum est le seul spiritueux produit sur tous les continents et dans tous les océans ;
  • Le rhum a progressé de plus 40% en volume dans le monde en 10 ans, c’est donc la catégorie ayant connu la plus forte croissance entre 2000 et 2010 (vodka : +25%, Scotch whisky : +14%) ;
  • Le rhum est aujourd’hui le 3ème spiritueux le plus consommé en France (près de 40 millions de bouteilles par an, +33% entre 2002 et 2012).
  • Au cours des dix dernières années, plus d’une centaine de marques du monde entier ont envahi les étagères des cavistes et des bars à cocktails et s’apprêtent désormais à conquérir celles des supermarchés.

 

SWOT
BENCHMARKS
CIBLES
Cibles amateurs

Les amateurs passionnés
Les passionnés souhaitent avoir des informations assez larges sur le domaine du rhum, que ce soit à propos des marques, des produits, des procédés d’élaboration du rhum ou encore de l’histoire.

Les curieux et les gastronomes
La tendance actuelle est aux émissions dédiées à la cuisine. Nous avons identifié une rubrique à fort potentiel qui pourrait attirer de nouveaux utilisateurs, la gastronomie autour du rhum.

Cibles professionnels

Les cavistes (prescripteurs)
Ils sont de véritables leaders d’opinions, ils conseillent leurs clients dans le but de leur vendre le produit correspondant le plus à leurs attentes. Mais ils ont également un pouvoir de recommandation auprès d’un certain nombre de consommateurs très utile dans le cas de nouveaux produits.

Les barmen
Les barmen sont créatifs, ils subliment un “produit brut”. Ils peuvent être à l’origine des nouvelles tendances de par leurs recettes de cocktails mais également faire la promotion de nouveaux produits. Nombreux sont ceux qui alimentent des blogs / pages Facebook et peuvent être de véritables porte-voix pour Rumporter.

FORMALISATION

WIREFRAMES
PARCOURS UTILISATEUR

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

VISUAL DESIGN

]]> Green-Tribe-UX-UI https://www.mozaik-design.com/portfolio/green-tribe-ux-ui/ Tue, 18 Aug 2020 10:55:18 +0000 https://www.mozaik-design.com/?post_type=portfolio&p=8872

GREEN TRIBE

L’écologie, une préoccupation mondiale et fédératrice
À propos

Green Tribe est projet UX/UI de refonte en version mobile d’un site existant green-raid.fr. Initialement, ce site collaboratif a pour vocation de répertorier les acteurs éco-responsable et solidaires partout en France : produits bio (AMAP, producteurs…), services ou activités (jardins partagés, FabLabs, réparation vélo…).

Objectifs
  • Développer et valoriser les commerces de proximité éco-responsables de la ville de Paris.
  • Activer une communauté de quartier en incitant les utilisateurs à adopter des gestes éco-citoyens.
  • Promouvoir les actions «vertes» mises en place par la ville de Paris.
Mon rôle

Nous étions cinq à conduire ce projet ; les rôles n’étant pas strictement assignés, nous avons pu tour à tour nous impliquer chacun dans les étapes qui nous tenaient à cœur. En terme d’UX, j’ai donc travaillé sur l’analyse contextuelle (problématique, swot, benchmarks…), mis en place un questionnaire en ligne et synthétisé les réponses, recherché les cibles potentiels incluant les scénarios de parcours, élaboré une stratégie de communication, structuré l’arborescence du site et formalisé son apparence via les wireframes. En terme de design, j’ai ensuite effectué une refonte du logo, défini la charte graphique du site (typos, univers coloriel, pictos), et réaliser les maquettes des différentes pages avant de réaliser le prototypage interactif sur Marvell. Tout au long de ce process, j’ai également mis en page le dossier de conception.

DESIGN THINKING

CONTEXTE

SWOT
BENCHMARKS

Après analyse de ces sites ayant pour objectif de démocratiser l’action éco-citoyenne, on peut en conclure les éléments suivants :
– L’accent est mis sur la pédagogie 
– Le citoyen est invité à s’engager ; placé au cœur de l’action afin de décomplexer le public et de motiver le passage à l’acte de tous

Mais ces plateformes sont souvent réservées à une niche. Soit des écolo-convaincus, soit des consommateurs bio, éventuellement des citoyens en recherche de partage, d’échange mais pas forcément dans une optique éco-citoyenne. Rarement les trois.

CIBLES
Cibles primaires

Le consommateur connecté
À la recherche d’un produit bio, éco-responsable ou d’un service de développement durable :
– Les familles
– Les jeunes
– Les séniors
– Les bobos
– Les sportifs
– Les végétariens & végans

Le citoyen engagé
Désireux de s’investir dans la vie de son quartier, force de proposition et moteur du site :
– Les militants
– Les écolos

Les commerçants et associations
En recherche de plus de visibilité :
– Bars et restaurants
– Commerces de bouche
– Chaines de distribution
– Les associations civiles
– Les associations commerciales

Cibles secondaires

Les élus
– Maires d’arrondissement
– Responsables de la communication
– Responsables de la petite-enfance
– Responsables du développement durable

Les prescripteurs
– Les blogueurs
– Les personnalités connues pour leur engagement

Les leaders d’opinion
– Presse
– Radio

Les préconisateurs
– Médias spécialisés sur l’écologie

«

PARCOURS

WIREFRAMES
PARCOURS UTILISATEUR

Stéphanie est à la recherche d’un maraîcher bio près de son travail.
Après avoir consulté Google, elle découvre green-tribe.fr où sont recensés de nombreux commerces bio.

VISUAL DESIGN

LOGO

Le « G » de Green Tribe est apposé à un cercle vert posé sur une pointe.
Cette forme a un double signifiant. Elle évoque à la fois : 
– un indicateur de position, repère sur le plan,
– une bulle de parole, symbole d’échange au sein de la communauté.

COLOR SCHEME
TYPOGRAPHIE
SITE VERSION MOBILE
COMMUNICATION

Pour palier au manque de notoriété du site, nous avons imaginé une stratégie de communication avec un plan de lancement basé sur le teasing et la viralité. Avec comme slogan ambigu « Découvrez votre Point G ! » , un premier scénario a été conçu basé sur le concept de la mini série « Bref » faisant figurer Lucienne Moreau et Kyan Kohmandji.

STYLEGUIDE

L’identité visuelle a fait l’objet d’une refonte complète.
]]> Old Fashioned Week https://www.mozaik-design.com/portfolio/old-fashioned-week/ Sun, 14 Jun 2020 10:31:03 +0000 https://www.mozaik-design.com/?post_type=portfolio&p=8322
IDENTITÉ VISUELLE

Old Fashioned Week

La Old Fashioned Week est un festival qui fait la part belle au cocktail préféré des amateurs de spiritueux et à la créativité des bartendeet événement fait référence au « Old Fashioned », un cocktail iconique à base d’alcool, de sucre, de bitter et d’eau.

  • Création logo, affiche, dossier de presse et webdesign de l’application.
Client

Old Fashioned Week

Project Date

Juin 2018

Category

Identité visuelle · Logo · Mobile · UI

Share This

]]>