Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
1
2 3
W EBD ESIGNS
2016 - 2018
4 5
CRÉATION COMPLÈTE IDENTITÉ WEB (SITE VITRINE)
CONTEXTE L’association Abbas Photos à pour vocation de protéger, archiver et promouvoir l’œuvre du photographe Abbas, membre de l’agence Magnum depuis 1985. Il est donc essentiel pour l’association d’avoir une visibilté de qualité sur internet.
CHAMPS D’INTERVENTION
Gestion de projet : organisation planning, rédaction comptes-rendus réunions et livrables.Conception : réalisation de l’arborescence et des wireframes.UI design : création d’une charte web, déclinaison sur les différentes interfaces utilisateurs.Intégration Wordpress : mise en place et customisation d’un thème Wordpress en binome avec un développeur.
HTTPS://ABBASPHOTOS.ORG
6 7
Maquette Home Page
Elle a été élaborée autour du concept de la chambre noire, soit un espaceclos et tamisé, ne laissant passer qu’un fin filet de lumière révélant une imagedu monde qu’elle projète.
Conçue comme une interface digitale, celle-ci se déploie sur la longeur,guidée par un réseau de lignes blanches.
L’interface est épurée, plus abstraite, avec peu voir pas d’icones ou de pictogrammes.Il y a prédominance du texte afin de marquer encore plus les espaces dédiés aux photographies. Des évocations discrètes au logo sont placées autour de certaines zones de textes.
Autre clin d’oeil, un curseur de souris transformé en viseur d’appareil photo, flouttantles éléments cliquables à son passage.
8 9
CRÉATION COMPLÈTE IDENTITÉ WEB
CONTEXTE
Re-structuration complète de la société : nouveau nom, nouvelle stratégie,nouveaux marchés, nouvelle image.
> Nouveau site web au coeur de la transformation.
CHAMPS D’INTERVENTION
Gestion de projet : organisation planning, rédaction comptes-rendus réunions et livrables.
Étude de la concurrence : Benchmark et SWOT.
Conception : ateliers tri de cartes, réalisation de l’arborescence et des wireframes.
UI design : création d’une charte web, déclinaison sur les différentes interfaces utilisateurs.
Intégration Wordpress : mise en place et customisation d’un thème.
HTTPS://CRM-CENTRIC.COM
10 11
12 13
CRÉATION COMPLÈTE IDENTITÉ WEB
CONTEXTE
Mama & Papa, c’est un jeune couple passionné de bonne bouffe et de musique rock.
C’est naturellement qu’ils créent ensemble, en 2017, leur foodtruck sur Toulouse au nom évocateur
pour tous les fans de rock des années 60.
CHAMPS D’INTERVENTION
Identité graphique : création logo et illustrations. Design Graphique : menu, dossier presse, cartes de visite, décor du foodtruck, packagings.
Conception web : arborescence et wireframes.
UI design : création de l’interface web.
Intégration Wordpress : mise en place et customisation d’un thème.
http://www.mamaandpapafoodtruck.com
14 15
16 17
DÉCLINAISON D’INTERFACES ET INTÉGRATION FRONT
CONTEXTE
Urban Mining Exchange est une toute nouvelle plateforme dans le secteur professionnel du recyclage : création et dépose d’annonces, mise en relation fluide entre acheteurs et vendeurs (messagerie instantanée), veille avec alertes, système de notation...
CHAMPS D’INTERVENTION
Au sein d’une équipe composée d’un DA/UX designer et d’un developper JS :
UI design : déclinaison des interfaces utilisateurs et conception mobile first.
Intégration front : déploiement des maquettes en RDW avec Bootstrap et Sass.
https://www.urbanminingexchange.com
18 19
20 21
REFONTE IDENTITÉ ET SITE WEB
CONTEXTE
Marque de prêt-à-porter pour femmes, aux coupes et motifs originaux. L’aventure Bleu Tango débute en 2013. En charge du premier site web, nous avons entièrement
re-penser ce dernier en 2017.
CHAMPS D’INTERVENTION
Conception web : refonte de l’arborescence et des wireframes.
UI design : refonte de la charte web et déclinaison des interfaces.
Intégration Wordpress : mise en place et customisation d’un thème.
http://bleutango.fr
22 23
24 25
Création complète identité web
ContexteCommencé en 2015, ce projet de site web e-commerce pour la marquede vêtements pour bébés Miss Tricotine, n’est pas encore en ligne.
Champs d’interventionConception web : création arborescence et wireframes.
Illustrations : réalisation d’une quinzaines d’illustrations.
UI design : création charte web et déclinaison des interfaces.
Site web non parut
26 27
28 29