Préface Ce book est l’ensemble des travaux que j’ai réalisé, de mes débuts à mes expériences de stage . Étant donné que le web soit en constante évolution il est possible que certains travaux que je vais vous montrer ne soient plus consultables sur le web. Cependant j’ai toujours gardé les travaux réalisés, dont j’ai vérifié la possibilité d’en diffuser le contenu notamment avec les entreprises dont les noms apparaissent dans ce book. Ainsi si vous souhaitez voir un travail que j’ai effectué en particulier, merci de me contacter par e-mail liliandalin@gmail.com . Bonne lecture, Lilian DALIN
2
Table des Matières Logos 4 Web 5 Stages
13
20
BRANDING DE MON LOGO
4
MyTravel
CrĂŠation de maquette responsive pour la nouvelle agence de voyage MyTravel.
5
Maquette FULL
Maquette FULL Hover (survol)
6
Version Tablette
Version Mobile
7
Homelight
Création d’une application mobile : Homelight, pouvant changer les couleurs d’un système à particules. Mon rôle était de créer le logo de l’application et effectuer l’UI Design de l’application et sa mise en avant dans une page HTML, dans le cadre d’un projet scolaire.
8
ANTT: le nouveau réseau étudiant.
Maquette d’un site «ANTT» que j’ai intégré dans le cadre d’un projet d’aide scolaire entre étudiants/professeurs (semaine spéciale Webweek lors de la 1ère année de DUT MMI. Outils utilisés: HTML5 / CSS3 et Foundation.
9
Nova: la référence en outils connectés.
Un site e-commerce réalisé dans le cadre d’un projet de groupe où j’ai joué le rôle de Web Designer et Intégrateur Web, j’ai aussi ajouté des fonctionnalités au site (inscription/ connexion/déconnexion) ce qui relève des capacités d’un développeur Back-End. Vous pouvez consulter le site sous l’url: http://nova.corentindechomet.fr Utilisation de HTML/CSS/PHP.
10
Voici la maquette réalisée avant l’intégration du site, intégralement produite sous Photoshop.
11
Crealty: la mercerie Ponote.
Blog Wordpress créé lors de mon stage de 2 semaines dans la mercerie Créalty en Juin 2014, suite à la demande de celle-ci de ne pas avoir à payer un hébergement j’ai donc créé un blog Wordpress mettant en avant les produits vendus par Créalty. L’URL du site: http://crealty43.wordpress.com/
12
Livre d’Or MMI du Puy en Velay
Projet universitaire qui avait pour but de créer un livre dont une version print et une version web. Je me suis consacré entièrement à la version web. avec l’utilisation de la librairie Turn.js Vous pouvez le consulter sous cette URL: http://livre-or.mmi-lepuy.fr/
13
Studio 3B
14
Lors de mon stage de 3 mois à l’agence Print et Web Studio 3B basée à Lyon, j’ai eu plusieurs missions dont la finalité était de réaliser la refonte du site web http://studio-3b.fr Travaux réalisés: -Benchmark, création de l’arborescence du site. Graphisme: Création et répartition d’images liées à l’identité visuelle de l’agence à travers le site, Mise en situation des réalisations, retouche photo. Intégration/Développement: Responsive Web Design, Utilisation de Bootstrap, OWL Carousel, Isotope.css, Font-awesome pour les pictogrammes. Référencement: SEO, Insertion de microdatas et de backlinks dans la page d’accueil, Optimisation du site via Page Speed Insight et W3C.org, naming des images et pages.
15
La 2ème mission consistait à la Création de templates pour deux segments de marché qu’occupent les clients récurrents de Studio 3B: le bien-être et la restauration. Travaux effectués: Création d’icône pour les sites afin d’en faire un raccourci sur smartphone ou tablette, retouche photo, intégration HTML/CSS/JS(OWL Carousel).. http://studio-3b.fr/bien-etre et http://studio-3b.fr/clients/ Le numéro de l’entreprise : 06 20 33 22 99
16
ISoft
Lors de mon stage de 6 mois à ISoft j’ai créé un site WordPress(dont vous pouvez voir un aperçu si-dessus). - La refonte du site web http://isoft.fr (le nouveau site n’est pas encore en ligne).
17
Refonte du logo de StatMining l’un des produits majeurs d’ISoft par le procédé du minimalisme. Il s’agit d’un logiciel utilisant le Data Mining c’est-à-dire un outil qui s’appuie sur une technologie servant à la fouille des données. D’où la forme cubique de l’ensemble en filigrane, ressemblant fortement à l’icône de cube souvent associée à la base de données. Illustrator
18
UI Design de l’accueil avec l’application des icônes que j’ai moimême créé pour la refonte d’interface. Illustrator
Photoshop
19
Festival Apéros Musique de Blesle
Ceci est une affiche que j’ai créée afin promouvoir le 13ème Festival des Apéros Musique de Blesle prévu du 15 au 17 Aout 2014(inclus) . Photoshop
20
Le Puy-en-Velay
Flyer que j’ai réalisé pour l’office de tourisme du Puy en Velay et son Agglomération. Photoshop
Indesign
21
Une Affiche que j’ai créé pour un concours d’affiche du prix Jean Arsac au Puy en Velay édition 2014. Photoshop
22
Pour la saison Culturelle 2014/2015 qui se déroula dans la ville du Puy-en-Velay j’ai créé ce flyer réunissant plusieurs personnalités originaires du Puy et mis en fond le théâtre pour renforcer cet aspect artistique et culturel. Photoshop
Indesign
23
Kendrick
24
Mise en page de magazine effectuée sous Indesign. Il s’agit là d’une inspiration spontanée que j’ai envoyé à quelques magazines dédiée à la musique et la culture, dont les Inrocks. Indesign
25
Avrile
26
Création d’une carte de visite pour Avrile et réalisation d’une affiche pour Pepite Créaj IDF qui est une de ses associations «filles» destinée aux étudiants et jeunes porteurs de projets.
Photoshop
Indesign
27
PHOTOGRAPHIES
Un tryptique que j’ai réalisé sur l’automne avec pour thème «un geste, un visage, un environnement». Aucune retouche n’a été effectuée.
28
Lilian DALIN Design | Web | Multimedia