01. La marque
Lancée en 2015, la plateforme Miamland fait peau neuve (développement toujours en cours) et marque l’avènement d’un nouvel acteur de la distribution : un grossiste en 100% ligne présent dans plus de 30 pays dans le monde et qui développe peu à peu son réseau de franchisés dans le monde.
Spécialisée dans la distribution de produits alimentaires et d’hygiène en gros volume et fort d’un référencement naturel qui la place 1ère dans les recherches Google, la plateforme Miamland se devait de se doter d’une nouvelle identité graphique à la fois plus forte, et cohérente avec son logo, créé en 2015.
01. La marque
Lancée en 2015, la plateforme Miamland fait peau neuve (développement toujours en cours) et marque l’avènement d’un nouvel acteur de la distribution : un grossiste en 100% ligne présent dans plus de 30 pays dans le monde et qui développe peu à peu son réseau de franchisés dans le monde.
Spécialisée dans la distribution de produits alimentaires et d’hygiène en gros volume et fort d’un référencement naturel qui la place 1ère dans les recherches Google, la plateforme Miamland se devait de se doter d’une nouvelle identité graphique à la fois plus forte, et cohérente avec son logo, créé en 2015.
02. Le Brief
Élaborer une plateforme digitale adaptative et consumer centric.
Ayant acquis une certaine notoriété chez les professionnels de la distribution de produits alimentaire, l’objectif de notre travail a été ici de repenser la plateforme digitale pour qu’elle soit à la hauteur des ambitions de Miamland : devenir le 1er grossiste de produits alimentaire et d’hygiène 100% digital des professionnels et des particuliers.
Le mot d’ordre porté par Miamland étant de faire économiser à ses clients du temps et de l’argent pour l’achat de denrées alimentaires & d’hygiène, la plateforme digitale se devait d’être à l’image de ses valeurs : intuitive, efficace et tournée vers les utilisateurs.
02. Le Brief
Élaborer une plateforme digitale adaptative et consumer centric.
Ayant acquis une certaine notoriété chez les professionnels de la distribution de produits alimentaire, l’objectif de notre travail a été ici de repenser la plateforme digitale pour qu’elle soit à la hauteur des ambitions de Miamland : devenir le 1er grossiste de produits alimentaire et d’hygiène 100% digital des professionnels et des particuliers.
Le mot d’ordre porté par Miamland étant de faire économiser à ses clients du temps et de l’argent pour l’achat de denrées alimentaires & d’hygiène, la plateforme digitale se devait d’être à l’image de ses valeurs : intuitive, efficace et tournée vers les utilisateurs.
03. L'expérience utilisateur (UX)
En plus de devoir présenter les principes fondamentaux de Miamland, ses valeurs et son mode de fonctionnement, l’interface se devait de garantir à ses utilisateurs un accès à ses produits qui soit direct, simple, intuitif et ludique.
Un mode de fonctionnement consumer centric :
L’utilisateur accède directement à la boutique en ligne. Ainsi, l’internaute peut avoir accès au plus de 26 000 produits vendus sur Miamland. Pour accéder au prix des produits, l’utilisateur a la possibilité de se connecter en tant que particulier ou professionnel, lui donnant ainsi accès à un catalogue de produits spécifiques et à des prix adaptés à ses besoins.
03. L'expérience utilisateur (UX)
En plus de devoir présenter les principes fondamentaux de Miamland, ses valeurs et son mode de fonctionnement, l’interface se devait de garantir à ses utilisateurs un accès à ses produits qui soit direct, simple, intuitif et ludique.
Un mode de fonctionnement consumer centric :
L’utilisateur accède directement à la boutique en ligne. Ainsi, l’internaute peut avoir accès au plus de 26 000 produits vendus sur Miamland. Pour accéder au prix des produits, l’utilisateur a la possibilité de se connecter en tant que particulier ou professionnel, lui donnant ainsi accès à un catalogue de produits spécifiques et à des prix adaptés à ses besoins.
04. Le positionnement graphique
Pour mieux répondre à la diversité des clients et prospects de Miamland, le positionnement graphique de la plateforme se devait d’être universel. La volonté de se démarquer des autres acteurs de la grande distribution a guidé la refonte de la plateforme vers des choix graphiques à la fois modernes et ludiques.
Ainsi, le traitement graphique des éléments visuels (illustrations, boutons, champs de formulaire, etc.) combine animations, design épuré – utilisation du flat design – et visuels réels.
04. Le positionnement graphique
Pour mieux répondre à la diversité des clients et prospects de Miamland, le positionnement graphique de la plateforme se devait d’être universel. La volonté de se démarquer des autres acteurs de la grande distribution a guidé la refonte de la plateforme vers des choix graphiques à la fois modernes et ludiques.
Ainsi, le traitement graphique des éléments visuels (illustrations, boutons, champs de formulaire, etc.) combine animations, design épuré – utilisation du flat design – et visuels réels.
05. Les couleurs
Conformément au brief client et au positionnement de Miamland, la palette de couleurs qui a été sélectionnée ici est propre à celle de la marque.
05. Les couleurs
Conformément au brief client et au positionnement de Miamland, la palette de couleurs qui a été sélectionnée ici est propre à celle de la marque.
Les couleurs principales
#EE411F
#22958E
Les couleurs secondaires
#EF4E2E
#333333
#FAFAFA
#F4F5F5
#E5E5E5
#C1C1C1
#1A6B64
#ED300B
#F2EFEA
#ECE0D4
#0ABE7F
#FF0000
06. La typographie
Afin de correspondre au positionnement de marque choisit par Miamland, nous avons sélectionné une typographie supportée par tous les navigateurs web : Montserrat. Une typographie sans empattement et aux lignes épurées, afin de donner à la marque une dimension rassurante et professionnelle.
Une seule typographie donc, mais traitée différemment selon le besoin :
Titres :
Montserrat – semi bold & light
Corps du texte :
Montserrat – light
06. La typographie
Afin de correspondre au positionnement de marque choisit par Miamland, nous avons sélectionné une typographie supportée par tous les navigateurs web : Montserrat. Une typographie sans empattement et aux lignes épurées, afin de donner à la marque une dimension rassurante et professionnelle.
Une seule typographie donc, mais traitée différemment selon le besoin :
Titres :
Montserrat – semi bold & light
Corps du texte :
Montserrat – light
07. Le Web Design
« Concevoir une interface digitale, c’est avant tout penser une expérience qui se doit d’apporter un bénéfice aux utilisateurs »
L’objectif de Miamland étant de permettre à tous les professionnels et particuliers d’accéder à des produits de grande consommation aux meilleurs prix, la plateforme se devait d’être à la hauteur de ses promesses de marque.
Pour cela, nous avons créer :
07. Le Web Design
« Concevoir une interface digitale, c’est avant tout penser une expérience qui se doit d’apporter un bénéfice aux utilisateurs »
L’objectif de Miamland étant de permettre à tous les professionnels et particuliers d’accéder à des produits de grande consommation aux meilleurs prix, la plateforme se devait d’être à la hauteur de ses promesses de marque.
Pour cela, nous avons créer :
Une page d’accueil donnant un accès direct à l’espace boutique en ligne et renvoyant vers toutes les services, options et aux pages annexes de Miamland.
Une page d’accueil donnant un accès direct à l’espace boutique en ligne et renvoyant vers toutes les services, options et aux pages annexes de Miamland.
Une page didactique destinée aux professionnels de la grande distribution qui souhaiteraient en savoir plus sur les avantages et le mode de fonctionnement de Miamland.
Une page didactique destinée aux professionnels de la grande distribution qui souhaiteraient en savoir plus sur les avantages et le mode de fonctionnement de Miamland.
Une page informative à l’intention des particuliers souhaitant découvrir le mode de fonctionnement de Miamland et ses atouts.
Une page informative à l’intention des particuliers souhaitant découvrir le mode de fonctionnement de Miamland et ses atouts.
Une page dédiée au projet de franchise lancé en 2024, visant à présenter les avantages, les services proposés aux investisseurs et entrepreneurs souhaitant ouvrir un magasin physique Miamland City ainsi que les projections de rentabilité.
Une page dédiée au projet de franchise lancé en 2024, visant à présenter les avantages, les services proposés aux investisseurs et entrepreneurs souhaitant ouvrir un magasin physique Miamland City ainsi que les projections de rentabilité.
Un espace dédié au soutient d’associations partenaires sélectionnées par Miamland dans lequel les utilisateurs peuvent réaliser directement en ligne des donations dématérialisées.
Une fois de plus, le processus est simple :
Un espace dédié au soutient d’associations partenaires sélectionnées par Miamland dans lequel les utilisateurs peuvent réaliser directement en ligne des donations dématérialisées.
Une fois de plus, le processus est simple :
L’utilisateur sélectionne l’association partenaires à laquelle il souhaite donner
Puis, l’utilisateur choisit la collecte de dons répondant à la cause qu’il souhaite soutenir
Enfin, il choisit le ou les paniers de produits qu’il souhaite donner et entre ses informations personnelles. Un reçu fiscal au titre du don lui est ensuite délivré directement par l’association.
L’utilisateur sélectionne l’association partenaires à laquelle il souhaite donner
Puis, l’utilisateur choisit la collecte de dons répondant à la cause qu’il souhaite soutenir
Enfin, il choisit le ou les paniers de produits qu’il souhaite donner et entre ses informations personnelles. Un reçu fiscal au titre du don lui est ensuite délivré directement par l’association.
Découvrez la version prototype du site web designé
Une interface conçue pour Miamland et intégrée par leur équipe
(intégration et développement toujours en cours)
Vous souhaitez collaborer avec un créatif de talent ?
Contactez-moi
Vous souhaitez collaborer avec un créatif de talent ?