4

GG – projet d’une web app

making of réalisation site web
10_pres_mobile_first

Demande : « Appli Web » de bons plans avec un design responsive, adapté aux supports mobiles.
Durée : 5 jours
Effectif : 2
Rendus : Présentation, maquettes, site web fonctionnel

team 600x450 GG   projet dune web app

Avec mon collègue @JeanBaptisteSo, nous avons monté l’équipe Junior. Lui, au développement PHP et moi, chargé de la conception graphique et de l’intégration. Passant plus de temps à tester les animations et les mediaqueries CSS qu’à réaliser des mock-up, en faux wedesigner que je suis.

gg 600x450 GG   projet dune web app

GG

Je vous recommande de regarder la présentation, ce ne sera pas long, pour faire un tour du projet :

Présentation GG

Nous avons donc rendu un site web fonctionnel, amputé de nombreuses fonctionnalités évidemment, mais qui permet d’ajouter des bons plans, de s’inscrire, de commenter.
La web app en ligne, n’oubliez pas de redimensionner votre navigateur pour tester en version mobile :

gg.remybarthez.com

responsive 600x450 GG   projet dune web app

Quelques enseignements du projet

- La création des logos (Junior et GG) me plaît toujours mais je n’ai pas encore trouvé ma méthode idéale pour la conception des maquettes du site. Je trouve que le design dans le navigateur m’entraîne vers un graphisme trop vide et strict.
- Le design du site en version tablette nous a paru avoir le cul entre le téléphone et le bureau. Difficile de voir la tablette en paysage autrement que comme un petit écran d’ordi et pareil pour le mode portrait comme un gros mobile. Est-il vraiment nécessaire de penser à une mise en page pour les tablettes ? Je pense que pour certains projets bien spécifiques, cela peut-être intéressant mais pour le reste du temps les design mobiles et ordi s’adaptent bien à cette appareil hybride.

4 commentaires »

  1. LeBinoclard


    8 avril 2012 à 15:25

    Il faut juste bien penser aux événements touch sur tablette même si l’ont souhaite rester sur un design « desktop ». (les slideshow sont plus intuitifs en swipe qu’en cliquant sur des flèches.

  2. Rémy


    8 avril 2012 à 15:27

    Tu es rapide, Luke. ^^
    Si tu parles de la présentation, c’est pas du tout adaptée mobile. Je ne fais que transposer le pdf fait pour la pres sur le web.

  3. LeBinoclard


    9 avril 2012 à 13:08

    Non non je parle de ta dernière phrase qui trouve qu’un format desktop pour tablette suffit.
    Je disais que jetait d’accord à condition de transposer quand même les transitions et action en touch!

  4. Rémy


    10 avril 2012 à 11:19

    Très bonne remarque, le tactile est la grosse différence. Malheureusement, il faut passer par du javascript ou autre pour émuler les gestes, rien de standard.

Laisser un commentaire