Création webdesign mobile, web
Celibest a une seconde fois prouvé sa fidélité en confiant à Kōwhaiwhai la refonte du design web de son site de rencontres en ligne. L’enjeu était cette fois plus étendu et comprenait la prise en charge des supports mobiles et tablettes, impactant le design graphique et l’intégration HTML5 / CSS3 des templates statiques.
Le design de la webapp mobile fut dissocié graphiquement et techniquement de la version tablette / desktop, avec appui sur les frameworks jQuery et jQuery Mobile.
Ce webdesign mobile et desktop devait s’inspirer des tendances modernes, notamment depuis la généralisation des tablettes et smartphones : aplats de couleurs vives, iconographie flat, formes à bords carrés.
L’ergonomie web générale de l’ancien site devait être conservée en restant au plus proche de l’existant, dans un soucis de migration facilitée pour l’utilisateur final, avec un place plus importante laissée au chat.
Iconographie
Les icônes illustrant les rubriques principales misent sur la simplicité graphique, avec des pictogrammes en cohérence avec la version précédente du site Internet
Design graphique
Si la page de connexion / inscription devait se baser essentiellement sur un visuel qualitatif, le reste de la navigation imposait une ergonomie claire, compatible avec l’habitus de l’utilisateur fréquent et un design moderne et sobre, adapté au support tablette.
Page de connexion / inscription
Page d’accueil
Résultats de recherche
Responsive tablette portrait
Responsive tablette paysage
Webdesign mobile
L’interface de la webapp Celibest Mobile devait s’inscrire dans la continuité du webdesign desktop : cohérence de l’iconographie, des teintes et du mode de navigation, en alliant légèreté et sobriété.
Ecran de login / inscription
Ecran d’accueil
Ecran recherche
Ecran profil détaillé
K