PLATEFORMES WP: Double Menu Responsive

BENCHMARK

• Application mobile Facebook (Android):

Menu via le scroll: Il apparait quand l’user scroll up, comme pour accéder à un menu qu’il trouverait naturellement en header sur une navigation desktop. Assez intuitif, ce menu parraît comme dédié au contenu du body, ici, « ajouter au flux d’actualités ».

BENCHMARK

• Menus Off-Canvas: http://tympanus.net/Development/OffCanvasMenuEffects/index.html

TOP SIDE: Les menus Off-Canvas poussent le body d’un coté ou de l’autre de l’écran. Incluant ou non une ouverture/fermeture par slide, ils sont intuitifs et plutôt clairs. Ici, le menu s’ouvre en poussant le body sur la droite et il créé une marge en haut de la page.

BENCHMARK

• Side Menu Staggered Animation: http://codepen.io/gsimone/pen/whIBC

Menu icônes: Ici le menu apparaît discrètement sur le coté gauche de l’écran (par-dessus le body), laissant visible une suite d’icône cliquables.

HOME

WHY HENNER

EMPLOYERS

BENEFICIARIES

HEALTHCARE PROVIDERS

Quand l’utilisateur clique sur l’icône menu ou slide sur la gauche , la navigation sort d’un panneau à droite poussant le contenu de l’autre côté. Quand je clique sur une rubrique , la navigation sort d’un nouveau panneau à droite . Si je clique à nouveau sur cette rubrique dépliée, je revient à la navigation principale du menu .

1 HEALTHCARE PROVIDERS

SERVICES

SELECTION POLICY

JOIN OUR NETWORK

3

2

Quand je slide vers la gauche ou vers la droite sur , je fais défiler les différents sites d’Henner. Et je valide en appuyant sur OK

4

2

Henner | International Organization

Our Websites

Healthcare Providers

Our Websites

Henner | Business

OK

Henner | Business

OK

STORYBOARD

Search Hac ex causa conlaticia stipe Valerius humatur ille Publicola

STORYBOARD

Search Hac ex causa conlaticia stipe Valerius humatur ille Publicola

Quand je clique sur le picto Search, une petite fenêtre s’ouvre au dessus de ma toolbar. Dès que je clique sur le champ de texte , mon clavier s’ouvre et pousse la fenêtre vers le haut, jusqu’à la barre de menu en sticker. L’espace entre la petite fenêtre et mon clavier est dédié à l’affichage des résultats de ma recherche.

1

2

2

1

Quand je clique sur le picto Contact, une fenêtre s’ouvre au dessus de ma toolbar. Dès que je clique sur le bouton ou , j’accède à la page et au formulaire dédié. Quand je clique sur l’icône Compass ,l’application Map de mon Smartphone se lance et me montre l’emplacement du siège social d’Henner.

STORYBOARD

Contact Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti

1

2 3

4

1

Join our medical network

Contact our International Organizations Department

Find us

Head Quarter: 10 rue Henner 75009 Paris FRANCE

2

3

4

STORYBOARD

Quand je clique sur le picto Login, une fenêtre s’ouvre au dessus de ma toolbar. Dès que je clique sur le bouton la navigation sort d’un panneau à droite poussant le contenu de l’autre côté en ne laissant apparaître que des icônes sur le coté gauche. Quand l’utilisateur clique sur « select your Organization » le menu déroulant natif du Smartphone s’ouvrira.

1

2

3

Login Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti

OTHERS

COMPAGNY CORRESPONDENT

INSURED MEMBER

Login Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti

From a Company

From international organization

OK Select your Organization

1

2

3

4 4

STORYBOARD

Login Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti

From a Company

From international organization

OK Select your Organization

Login Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti

I am…

OK Select who you are

Même fonctionnement pour les autres boutons « Company Correspondent » et « Others ».