Celibest

Réalisations pour le site de rencontre en ligne dans l’Est

Création webdesign mobile, web
et intégration HTML statique 

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.

  • Année
    2013
  • Client
    Celibest

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

Pictogrammes Celibest

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 d'inscription Celibest
Page de connexion / inscription
Page d'accueil Celibest
Page d’accueil
Résultat de recherche Celibest
Résultats de recherche
Page d'accueil Celibest (tablette portrait)
Responsive tablette portrait
Page d'accueil Celibest (tablette paysage)
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é.

Page d'inscription Celibest Mobile
Ecran de login / inscription
Page d'accueil Celibest Celibest Mobile
Ecran d’accueil
Résultat de recherche Celibest Mobile
Ecran recherche
Profil détaillé Celibest Mobile
Ecran profil détaillé
K