5 inspiration UI – Shop mobile

Salutation amis UI designer ! Cette semaine, je vous propose 5 inspiration autour du e-commerce mobile. Comme vous le savez sûrement, le mobile prend une place de plus en plus importante chaque année, c’est pourquoi il est important de créer des contenus visibles sur mobile. C’est pourquoi je souhaite vous partager ces 5 inspirations UI.

Inspiration UI de la semaine

 

Application mobile Primeur

Application mobile fruit et légume

Source

Choisissez la couleur de votre robe

preview1 - 5 inspiration UI - Shop mobile

Une expérience d’achat très sympa, avec le choix de la robe qui change directement sur le mannequin.

Source

 

Des couleurs pales pour une inspiration de couleur

preview2 - 5 inspiration UI - Shop mobile

Un e-commerce mobile ciblé essentiellement sur la femme.

Source

Un menu immersif

preview4 - 5 inspiration UI - Shop mobile

Source

Le haut de gamme

Commerce mobile et inspiration ui

Comment mettre en avant la qualité haut de gamme d’un produit. Un design épuré et un focus sur le produit.

Source

5 UI kits pour la réalisation de vos futurs interface

Ils sont utiles dans le processus de production d’un site internet ou d’une interface graphique, les kits en PSD, Sketch ou Adobe XD, l’utilisation d’un UI kit vous permet d’avoir une certaine diversité d’éléments graphique comme des boutons, formulaires, icons pour créer des interfaces rapidement.

Les ressources s’inspirent des dernières tendances avec le material design ou les interfaces similaires.

Je vous ai sélectionné une série de 5 UI kits avec des ressources de qualités pour vos prochaines réalisations.

 

5 UI kit gratuit pour vos sites web

 

Material kit

Material design UI kit

Cinema kit

Cinema UI kit

Ecommerce UI kit

Ecommerce UI kit

Free UI kit

ui kit gratuit

Social kit gratuit

KIt gratuit UISource

La création de kit est la première étape dans la création d’un site internet ou d’une application. Le kit a pour objectif de créer un design fonctionnel. Matérialisé par une maquette réalisée sous Photoshop, ou un logiciel de prototypage.

L’UI kit comprend des éléments graphiques indépendants ainsi que certains éléments textes du site. Cela permet de définir chaque élément graphique utilisé sur l’application ou site web.

10 interactions mobile et application mobile

L’utilisation du mobile à dépassé celle des ordinateurs de bureau, depuis, l’écart entre les appareils ne fait que s’agrandir.

Cette augmentation du trafic mobile a fait de l’expérience utilisateur l’un des facteurs les plus importants du succès d’un produit ou d’un site internet, les compétences requises sont absolument essentielles pour les concepteurs, spécialistes du marketing ainsi que pour les développeurs.

En utilisant de nombreuses animations d’interactions différentes dans la conception de votre application, cela vous permet d’améliorer la compréhension des actions effectuée et fournit des informations supplémentaires à l’utilisateur.

Pour terminer, le design d’interaction est basé sur la relation entre l’homme et la machine, il vous faut donc prendre en compte la manipulation de l’appareil. Cela vous permet d’adapter l’interaction à une utilisabilité agréable pour l’utilisateur. Pour cela, on parle souvent d’affordance et de loi de l’ergonomie.

Je vous laisse donc avec 10 interactions mobile pour vous inspirer.

Interactions mobile et application
fc607953917017.594779c5769c0 - 10 interactions mobile et application mobile

 

55aaef53917017.594779c56d9f0 - 10 interactions mobile et application mobile

 

9e422353917017.594779c56e51b - 10 interactions mobile et application mobile

8b3b6153917017.594779c56efaf - 10 interactions mobile et application mobile

 

4c1a8b53917017.594779c56a8b0 - 10 interactions mobile et application mobile

 

bb42b853917017.59652d5da0f2b - 10 interactions mobile et application mobile

 

4a1bf253917017.5971cd622f283 - 10 interactions mobile et application mobile

 

4f354153917017.5971cd622fe4e - 10 interactions mobile et application mobile

 

1a808553917017.5971cd622ef3c - 10 interactions mobile et application mobile

 

82e47d53917017.5971cd622e847 - 10 interactions mobile et application mobile

 

Source : Behance

Inspiration UX design – Food site

Pour cette fin d’année 2016 et avec les fêtes de fin d’année, rien de mieux que de parler de nourriture ou plus exactement, mon inspiration du moment pour la conception d’un site e-commerce autour de la gastronomie française en livraison à domicile. Voici une compilation pour votre inspiration ui design.

Mon client souhaite accroitre la vente de ces plats à domicile avec un site e-commerce totalement administrable, il souhaite axer son site avec le meilleurs parcours client possible.

Inspiration autour du parcours client

Avant toute réalisation graphique, il est important de réaliser un site maps pour établir le parcours client idéal. En plus d’avoir une vue global sur la totalité du parcours de votre utilisateur, il vous permettra d’ajouter les emails transactionnel.

J’ajoute systématiquement les emails transactionnel au site maps, pour avoir une vue d’ensemble sur la parcours client, mais aussi sur les interactions d’aura le client avec notre site.

site maps parcours clientSource : Behance

Inspiration UI / UX design

Voici quelques images qui ont inspiré la conception du site mobile et desktop.

a8fd1b30774141.564d7fa8e5393 - Inspiration UX design - Food site

Source : Behance

inspiration ui d'une cards

Source : Dribbble

Inspiration pour site de nourriture

Source : Dribbble

UI pour les recettes de cuisine

Source : Dribbble

Présentation dynamique des aliements UI design

Source : Dribbble

Petit bonus : les icons

Icons pour UI designer food

Source : Dribbble

evernote food cuisine icons 635x476 - Inspiration UX design - Food site

Source : Dribbble

Inspiration logo – 16 Aout 2016

Cette semaine, pas d’inspiration ux design, j’avais envie de vous faire découvrir quelques logos. La semaine dernière, j’ai travaillé pour une entreprise qui m’a missionné pour réaliser son logo. Voici une compilation de mes recherches, veilles graphiques qui on inspiré ma création. J’espère que cette sélection de logos vous donnera inspiration et créativité pour vos projets !

Inspiration logo de la semaine

Logotype RocketGraph

Source

Logo Choose

Source

Logos DigFile

Source

Tiny logotype

Source

Animation du logo Rush

Source

Music Town logotype

Source

Swiftmill logotype

Source

Dribbble

Source