Com’Together

Com’Together

Web/UX design

Contexte du projet

Nous avons co-organisé l’événement Com’Together, forum dédié aux métiers de la communication. Cet événement a eu lieu le 24 mai 2016. Nous avons créé le logo, l’affiche, les bannières et le site web de l’événement.

com together logo

Conception graphique du logo

Ce logo est composé du nom «Com’Together» et d’un élément graphique qui représente 2 bulles entrelacées, qui symbolisent la communication, l’interdépendance et le fait d’être ensemble (together). L’image est simple et forte, très facile à mémoriser. La typographie qui l’accompagne a un look moderne (elle date de 2015), frais, doux et amical avec ses bords arrondis. Elle n’est pas très typée, car on s’adresse à un public très large. L’accent est mis sur le mot «together», en gras, et avec la couleur qui ressort le plus sur le fond.
Les couleurs sont au nombre de trois, une couleur sombre (violet foncé), et deux couleurs vives et claires (turquoise et jaune). Le jaune ressort très bien sur le violet foncé et donne de la chaleur à une combinaison qui sans cela paraitrait trop froide.
L’élément de texte et l’élément graphique peuvent être utilisés séparément, comme sur l’affiche et le bandeau.

ComTogether_affiche_web
ComTogether affiche bus

Conception graphique de l’affiche

Le fond de l’affiche est habillé avec un fond évoquant les technologies et aux réseaux de communication modernes.

ComTogether Facebook

Bannière événement Facebook

ComTogether_mockup_badge

Badge des exposants

Les couleurs ont été inversées pour le badge des exposants du salon, car ils porteront tous un haut noir et la couleur du fond turquoise fera mieux ressortir le badge.

mockup desktop
comtogether_mockup_mobile
screenshot

Site web

Nous avons développé le site web avec le framework Bootstrap, sur la base du thème Agency.

guide
ComTogether-programme

Guide et programme de l’événement

comtogether vrai faux

Vrai-faux de la com

Nous avons créé une série d’affichettes que nous avons collé dans la salle le jour de l’événement.

Bazile Télécom

Bazile Télécom

Web/UX design

Contexte du projet

Bazile Télécom est un opérateur de téléphonie spécialisé pour les seniors. Ils vendent des téléphones, des forfaits mobile, et des services d’aide à la personne (téléassistance, mise en relation, gestion des urgences, conciergerie). Ils nous ont contacté pour redesigner la page d’accueil de leur site e-commerce, développée sous Prestashop.

Refonte de la page d’accueil

L’ancienne page d’accueil avait besoin d’une restructuration des informations et d’un redesign graphique. Les offres de services n’étaient pas assez mises en avant, ainsi que les téléphones. Il fallait moderniser la page et faciliter la lecture. Nous avons redécoupé et hiérarchisé les informations. Nous avons proposé de nouveaux visuels.

refonte-page-accueil-bazile

Merci Docteur

Merci Docteur

Web/UX design

Contexte du projet

Merci Docteur est une startup qui lutte contre les déserts médicaux en permettant aux médecins de se rendre disponibles sur des créneaux dans des zones rurales, et aux patients de prendre RDV en ligne. Pour ce projet, nous avons maquetté et développé l’interface graphique du site. L’identité visuelle et le back-end ont été fait par d’autres agences.

Équipe

Webdesigner et développeur font-end : Marie-Hélène Lebée

home-fullpage

Page d’accueil

La page d’accueil permet de faire une recherche immédiate de médecin à partir du code postal (appel à l’action immédiat). La page présente ensuite le service.

choose-fullpage

Page de résultats

La page de résultats présente les créneaux horaires libres date par date et médecin par médecin (pas plus d’un médecin par date sur un code postal donné).

vacations-fullpage

Page des vacations

Une fois que le médecin est connecté, il peut voir dans son espace privé, dans l’onglet « Mes Vacations », la liste des vacations (créneaux) pour lesquels il s’est porté volontaire. Elles sont soit validées, soit en attente de validation.

Solutions Horizon

Solutions Horizon

Web/UX design

Contexte du projet

Solutions Horizon est un regroupement d’experts à temps partagé sur différents pôles de compétences (stratégie, performance commerciale, transformation digitale, etc.) Nous avons travaillé en collaboration avec une de leurs expertes marketing pour concevoir leur logo, leur carte de visite et une maquette de site internet.

SH-mockup-papier-letterpress

Conception du logo

Le client voulait un logo qui le différenciait fortement de ses concurrents, et qui représente ses valeurs: esprit collaboratif, qualité, rapidité d’intervention, flexibilité, proximité. Nous avons conçu un logo inspiré de l’univers marin et des bateaux et du sport. Il évoque les régates en équipe, le côté « capitaine », le déplacement, le dynamisme et aussi l’horizon. Au niveau des couleurs, le client voulait éviter l’orange et le fuschia, et désirait du vert. Nous avons opté pour une combinaison vert pomme et violet, qui fait dynamique sans être trop « sport ».

carte de visite solutions horizon

Carte de visite

maquette-solution-horizon-06

Maquette de la page d’accueil du site

Jazz Café

Jazz Café

Web/UX design

Contexte du projet

Nous avons conçu l’identité visuelle complète d’une entreprise fictive. Nous avons imaginé un café proposant des concerts de jazz, le Jazz Café.

MHLebee_080415_logo_jazz_cafe_presentation

Conception du logo

Les couleurs choisies évoquent le jazz : noir, bleu, orange. Le logo peut se décliner en enseigne néon.

MHLebee_carte_visite_mockup

Carte de visite

jazz cafe

Site internet

Ce site a été développé avec le framework Bootstrap sur la base du thème «Worthy», largement customisé. Il est responsive.
Il est construit sur une seule page, et est composé des parties suivantes :

  • En-tête (logo et menu de navigation)
  • Accueil (annonce du prochain concert)
  • À propos (présentation du Jazz Café avec diaporama)
  • Notre carte (le menu du restaurant)
  • Agenda (plugin jQuery affichant les prochains concerts)
  • Infos pratiques (coordonnées et plugin jQuery affichant l’emplacement sur Google Maps)
  • Contact (formulaire de contact)
  • Pied de page (liens vers les réseaux sociaux et crédits)

Mises en situation du logo

MHLebee_affiche_Jazz_Cafe_mockup_bus
MHLebee_logo_jazz_cafe_sous_bocks
MHLebee_logo_jazz_cafe_vitrine
MHLebee_logo_jazz_cafe_rue
MHLebee_logo_jazz_cafe_cuir
MHLebee_jazz_cafe_menu_mockup

Le menu du Jazz Café

venenatis, Aenean dolor ipsum leo. dolor. consectetur mattis libero. adipiscing ut tristique

Pin It on Pinterest