image

Tendances et inspirations UI du moment dans le monde digital #1

image
Jason Dejaégère
27 novembre 2020

Bien le bonjour ! đź––

C’est avec grand plaisir qu’IKOMOBI vous prĂ©sente sa nouvelle sĂ©rie mensuelle.

Vous vous demandez de quoi ça parle ? Et bien, c’est tout simple. Cette sĂ©rie est un condensĂ© des sites ou applications qui ont marquĂ©, interpelĂ© voire impressionnĂ© les membres du studio design. Une sĂ©lection d’une dizaine d’interfaces innovantes, modernes pour vous rappeler ce que vous avez peut-ĂŞtre vues ou bien manquĂ©es ce mois-ci.

TrĂŞve de bavardage, rentrons dans le vif du sujet !

Immersion au cĹ“ur de l’Espagne et du Portugal

Pour commencer, rien de tel que de rĂŞver Ă  la chaleur et au doux soleil du sud-ouest de l’Europe. Un voyage personnalisĂ© et immersif, c’est ce que propose Spain Collection. On le ressent dès l’ouverture du premier Ă©cran. On plonge littĂ©ralement dans l’univers grâce aux animations et effets de parallax. Le choix des images, animĂ©es ou non, les couleurs et la police de titre apportent une vraie cohĂ©rence Ă  cette immersion ibĂ©rique.

https://spaincollection.com/

L’aventure dans le froid extrĂŞme

Quittons la chaleur ibérique pour rejoindre une toute autre région, la Sibérie et le lac Baïkal.

Avec une toute autre atmosphère, la marque Mammut prĂ©sente son Ă©quipement par le biais d’une expĂ©dition dans des conditions extrĂŞmes. Nous suivons Dani Arnold, un alpiniste de haut niveau, dans son aventure. Ici tout est question de grandeur, de profondeur. On joue avec la beautĂ© de la nature via de grands visuels. Les titres sont imposants puis laissent place aux produits.

https://eiger-extreme.mammut.com/

Le plein de vitamines

Le grand froid de la Sibérie vous a mis à rude épreuve ? Ouvrez le site de BOOST pour prendre un shot de vitamines !

La couleur orange omniprĂ©sente traduit la notion d’Ă©nergie. Les grands titres contrastant par leur couleur renforcent l’apport d’Ă©nergie, de force que procure le produit grâce Ă  la graisse et la structure sans empattement de la police. Chez BOOST, on mise sur le fun, on ose dans les textes et on met bien en avant le produit qui est constamment en Ă©vidence.

https://takeboost.com/

Besoin d’un remontant ?

Maintenant que nous avons repris la forme, nous vous invitons à trinquer avec une coupe de champagne pour célébrer le premier épisode de cette série.

Chartogne-Taillet propose plus qu’une carte des vins et champagne puisqu’il propose carrĂ©ment une carte interactive permettant de consulter les diffĂ©rents vignobles. Une manière originale d’en apprendre plus sur ces breuvages d’exception ainsi que l’histoire du domaine.

https://chartogne-taillet.com/fr

Des sensations et des Ă©motions

Après une bonne visite du domaine, nous reprenons la route mais pas dans n’importe quelle voiture. Nous repartons Ă  bord d’une Maserati

L’Ă©lĂ©gance, les performances, le futur. Sur cette page du site, Maserati nous prĂ©sente sa nouvelle Super Sports Car, la Maserati MC20. Une vidĂ©o d’introduction nous accueille pour nous faire rĂŞver. AccompagnĂ©e par des changements de rythme au sein de la vidĂ©o, la voiture est exposĂ©e dans un drapĂ© sous plusieurs angles, dans des tons très doux. Les Ă©motions sont au rendez-vous ainsi que les sensations. L’aspect futuriste et la technologie sont quant Ă  eux amenĂ©s par les couleurs ainsi que les Ă©clairages plus vifs. En parcourant la page, plusieurs interactions nous font dĂ©couvrir la voiture. Il est mĂŞme possible de faire vrombir le moteur.

https://www.maserati.com/international/en/models/mc20

L’art vidĂ©oludique de la guerre

Ă€ peine remis de nos Ă©motions, nous repartons mais cette fois-ci Ă  bord de l’Oculus pour rejoindre un champs de bataille. Les nostalgiques reconnaitrons ce jeu vidĂ©o Ă  la première personne, Medal Of Honor. Ă€ travers la camĂ©ra, nous parcourons une scène de guerre pour dĂ©couvrir les secrets de ce nouveau volet. Ă€ chaque arrĂŞt, des informations dĂ©taillĂ©es ou des sĂ©quences de jeu sont dĂ©voilĂ©es.

https://www.oculus.com/medal-of-honor/

Un portfolio en 3D

Notre série continue en 3D avec le portfolio de Minh Pham, un UI/UX Designer.

Il y prĂ©sente en quelques mots et en quelques exemples comment il a donnĂ© vie Ă  son modèle 3D. Tout comme BOOST, Minh Pham a mis son produit (lui-mĂŞme) en avant. Il est au coeur mĂŞme de la dynamique du site. La preuve que l’on peut ajouter du dynamisme dans un site avec peu d’Ă©lĂ©ments.

https://minhpham.hontran.dev/

Sobriété et efficacité

Toujours dans la catégorie portfolio, nous retrouvons celui de Julie Guzal. Une freelance qui sait mettre en valeur ses projets.

Tout en sobriĂ©tĂ©, une sĂ©rie de projets nous est prĂ©sentĂ©e grâce Ă  un effet parallax maitrisĂ©. Les visuels nous plongent dans chaque univers pour mieux comprendre le sens du sujet. Avec peu de textes, l’histoire de chaque projet est racontĂ©e par la photographie. Avec une mise en page sobre, les projets sont au coeur du sujet et ressortent avec efficacitĂ©.

https://julieguzal.fr/en/

Home sweet home

Nous avons bien voyagĂ© aujourd’hui mais il est temps de rentrer Ă  la maison.

En lisant le titre de ce paragraphe, certains d’entre vous fredonnent sans doute la chanson du groupe Mötley CrĂĽe. Cependant, nous n’allons pas aborder un site de Hard Rock mais le site d’un cabinet d’architectes et de designers d’intĂ©rieur, Yousupova. Ce cabinet basĂ© en Ukraine offre un portfolio intĂ©ressant dans son approche UI. La place est libre pour montrer les espaces crĂ©Ă©s. Tout comme le prĂ©cĂ©dent portfolio, les visuels sont vendeurs. On se projette directement dans les pièces et la magie opère. On se voit dĂ©jĂ  en train de cuisiner un bon petit plat dans la cuisine.

https://yousupova.com/

Questions de famille

Bien au chaud à la maison et en famille, on se pose parfois des questions existentielles sur la manière dont nos enfants peuvent nous percevoir.

Advertising moms essaie de nous faire déculpabiliser sur les questions qui nous bloquent au quotidien avec des illustrations et des textes décalés. Il est amusant de constater comment chaque métier peut être mal perçu dans une premier temps et dédramatisé dans un second. En fouillant un peu, on y découvre un vrai aspect psychologique. Les illustrations enfantines, la police des textes et les animations apportent du liant à cet univers particulier venant tout droit de Russie.

https://admoms.ru/

Petit moment de détente

Après toutes ces thĂ©matiques et aventures, pourquoi ne pas se dĂ©tendre ? Prenez du temps pour vous avec Headspace. Comme beaucoup d’application de mĂ©ditation, il est possible de suivre un accompagnement pour gĂ©rer son stress, mieux dormir, rester concentrĂ©(e) ou mĂŞme tester quelque chose de nouveau. Ce qui la dĂ©marque des autres, c’est son UI aux couleurs chaleureuses et le character design des petits personnages, rappelant le jeu LocoRoco.

En bonus

Il est dĂ©jĂ  temps de se quitter… Nous espĂ©rons que cette parenthèse digitale vous a plue ! En attendant le prochain Ă©pisode, nous vous avons trouvĂ© un petit extra. Un petit indice: Ă€ vos manettes, ou devrait-on dire, votre smartphone ! 🎮

https://blockrage.pgs-soft.com/

image
image
Équipe iOS
11 juin 2021
DĂ©veloppement application mobile

Les 7 points clefs Ă  retenir de la WWDC 2021

Pour cette seconde Ă©dition 100 % numĂ©rique, imposĂ©e par la crise sanitaire de la Covid-19, la WWDC 21 a fait le plein de nouveautĂ©s, en mettant l’accent sur le contrĂ´le et la protection des donnĂ©es privĂ©es.  L’enseigne californienne a profitĂ© de cette Ă©dition de la Worldwide Developers Conference pour exposer de nombreuses nouveautĂ©s avec la […]
image
image
Carl-Stephan Parent
10 juin 2021
Agence application mobile

DĂ©velopper une application mobile avec Ionic

Après nous ĂŞtre prĂ©cĂ©demment consacrĂ©s aux PWA (Progressive Web App) puis Ă  Phonegap et Adobe Air, nous ne pouvions poursuivre ce tour d’horizon des outils et technologies dĂ©diĂ©s au dĂ©veloppement d’applications mobiles sans consacrer ce nouvel article Ă  Ionic, le framework dont la prochaine confĂ©rence annuelle se tiendra le 23 juin prochain. Ionic est une […]
image
image
Carl-Stephan Parent
26 mai 2021
Agence application mobile

DĂ©veloppement d’application mobile : Adobe AIR

Nous poursuivons notre tour d’horizon des technologies aujourd’hui disponibles pour rĂ©aliser des applications mobiles iOS et Android. Après nous ĂŞtre intĂ©ressĂ©s aux PWA puis Ă  Cordova, nous allons aborder la seconde tentative d’Adobe pour s’imposer comme un acteur majeur du dĂ©veloppement mobile. Il s’agit du framework multiplateforme Adobe AIR. Adobe AIR : un moteur d’exĂ©cution […]
image
image
Carl-Stephan Parent
25 mai 2021
Agence application mobile

E-commerce et m-commerce, pourquoi les apps mobiles séduisent les consommateurs

Les applications et sites web mobiles m-commerce offrent la possibilitĂ© de capter des audiences de plus en plus larges puisqu’ils sont ergonomiquement plus adaptĂ©s Ă  l’utilisation d’écrans tactiles. Le temps d’interaction homme-mobile est très Ă©levĂ© de nos jours, c’est pourquoi, il doit ĂŞtre exploitĂ© par toute enseigne qui souhaite avoir une prĂ©sence digitale, ou bien […]
image
image
Carl-Stephan Parent
19 mai 2021
Agence application mobile

Cordova : faut-il encore développer une application mobile iOS et Android avec ce framework hybride ?

Après nous ĂŞtre consacrĂ©s aux PWAs, nous poursuivons notre tour d’horizon des technologies mobiles en nous penchant cette fois-ci sur un framework hybride parmi les premiers Ă  avoir mis les technologies web au service du dĂ©veloppement d’applications mobiles. Il s’agit de Cordova, la plateforme de dĂ©veloppement mobile de la Fondation Apache. Cordova : le fork […]
image
image
Carl-Stephan Parent
12 mai 2021
Agence application mobile

Progressive web app : faut-il miser sur la PWA pour créer une application mobile ?

Le vieux rĂŞve qui consiste Ă  mobiliser les technologies web pour mettre le dĂ©veloppement mobile Ă  portĂ©e de tous, a pris une toute nouvelle direction avec l’Ă©mergence vers 2015 des PWA ou Progressive Web Apps. Prometteuse pour les uns, racoleuse pour les autres, cette sorte de troisième voie, une fois de plus nĂ©e chez Google, […]
image
image
Carl-Stephan Parent
29 avril 2021
Agence application mobile

UX Design et application mobile

Lors de la conception d’une application mobile, l’expĂ©rience utilisateur (UX) agit comme un diffĂ©renciateur d’envergure. L’UX permet d’offrir une proposition de valeur unique. Au final, une bonne UX mobile aide Ă  gĂ©nĂ©rer plus de revenus et Ă  bâtir ou consolider la rĂ©putation de la marque. C’est une rĂ©alitĂ© incontestable, depuis que l’usage du smartphone s’est […]
image
image
PĂ´le Conseil
25 mars 2021
UX design

SXO : la tendance qu’il faut suivre en matière de rĂ©fĂ©rencement naturel

Le SXO (Search eXperience Optimization) est une nouvelle discipline qui considère dĂ©sormais l’UX (User eXperience) comme un critère dĂ©terminant en matière de rĂ©fĂ©rencement naturel. Cette nouvelle branche du SEO (Search Engine Optimization) ne cesse de gagner de l’importance depuis 2018, en rĂ©ponse aux grandes mutations des processus de recherche d’information sur la toile. Avec une population de plus […]
image
image
Équipe Android
26 février 2021
Agence application mobile

Google dévoile Android 12 à travers un premier aperçu réservé aux développeurs d’applications mobiles

Ce jeudi 18 fĂ©vrier 2021, la première preview d’Android 12 est officiellement sortie des cartons de Google. Des nombreuses optimisations aux adaptions aux standards modernes, voici un tour d’horizon de ce qui nous attend dans la prochaine version d’Android. Comment Google amĂ©liore la gestion de la vie privĂ©e au sein d’Android 12 Le premier objectif […]
image
image
Jason Dejaégère
27 novembre 2020
UI design

Tendances et inspirations UI du moment dans le monde digital #1

Bien le bonjour ! đź–– C’est avec grand plaisir qu’IKOMOBI vous prĂ©sente sa nouvelle sĂ©rie mensuelle. Vous vous demandez de quoi ça parle ? Et bien, c’est tout simple. Cette sĂ©rie est un condensĂ© des sites ou applications qui ont marquĂ©, interpelĂ© voire impressionnĂ© les membres du studio design. Une sĂ©lection d’une dizaine d’interfaces innovantes, […]
image
image
Carl-Stephan Parent
26 novembre 2020
Marketing digital

Applications mobiles : profitez de leurs avantages marketings incontournables.

Traditionnelles, ou bien tout ou partie digitales, aucune organisation n’échappe aujourd’hui Ă  la question de la place qu’il convient d’octroyer au mobile au sein de sa stratĂ©gie digitale. Depuis maintenant plus de dix ans, le champ des possibles offert par les applications mobiles n’a eu cesse de s’agrandir, offrant toujours plus d’opportunitĂ©s de crĂ©er un […]
image
image
Carl-Stephan Parent
26 novembre 2020
DĂ©veloppement application mobile

Avec MAUI, Microsoft achève l’intĂ©gration de son framework d’applications mobiles Ă  la plateforme .NET

Xamarin.Forms Ă©volue en .NET Multi-platform App User Interface (MAUI). Cet article nous donne tout d’abord l’opportunitĂ© de revenir sur l’histoire de Xamarin et les principaux points forts du framework mobile de Microsoft. Nous vous prĂ©sentons les changements prĂ©vus prochainement et les raisons de cette Ă©volution stratĂ©gique pour l’Ă©diteur de Redmond. De Xamarin Ă  Xamarin.Forms : […]
Message bien envoyé !