-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (101 loc) · 4.93 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css" />
<title>Guillaume Guinchard</title>
</head>
<!-- Le script qui suit permet de charger la typo uppercut angle
des serveurs de typekit, cette typo est utilisé pour les titres h1 et h2 -->
<script src="https://use.typekit.net/zue0hhs.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<!-- corp de la page -->
<body id="#bloc-page">
<!-- ouverture d'un div pour adapter en flex -->
<div class="contenu">
<!-- incorporation du liseret -->
<div class="toolbar"><br>
</div>
<!-- entête -->
<header>
<section class= "intro"><h1 id="introduction"> Guillaume Guinchard<br /><em>UX/UI Designer</em></h1>
<p class="photo-cv"><a href="profil-cv-large.jpg"><img src="profil-cv.jpg" /></a></p>
</section>
</header>
<section class="biographie">
<em> Je pratique principalement mon activité en tant que UX UI Designer et Designer en communication globale avec des expériences diverses dans le web design, le graphisme, la publicité, l'édition et l'imprimerie.<br />Je suis spécialisé en communication visuelle.<br /></em>
</section>
<div class="colonne">
<article class="experiences">
<h2>Mon expérience</h2>
<ul >
<li><strong>Depuis 2019</strong><br />
<em>UI-UX Designer - Freelance, Nevers</em><br />
<br />Applique la démarche UX, Réalisation de livrables UX:<br />étude d'interview/questionnaire/observations, persona, experience maps, Zoning et Wifreframe pour prototypage rapide et analyse auprès des utilisateurs</li>
<p></p>
<li><strong>2018 - 2019</strong><br />
<em>UX Designer - Davi, Nevers</em><br />
<br /> Entretiens, Définition des Personae, Experience map, Conception de wireframe, Co-conception d'interface Conduite de projets numérique, Direction artistique</li>
<p></p>
<li><strong>2011 - 2017</strong><br />
<em>UI Designer - Freelance, Besançon</em><br />Conception de wireframe, Conception d'interface, Conception de mockup</li>
<p></p>
<li><strong>Depuis le 09/2008</strong><br />
<em>Designer Graphique - Freelance, Besançon</em><br />Conception d'identité visuelle, Conception de maquette (édition) Conception de campagne publicitaire,<br /> Conseil en stratégie et marketing digital, Rendu 3D, Impression 3D</li>
<p></p>
<li><strong>Du 09/2005 au 09/2008</strong><br /><em>Graphiste</em><br />Pm conseil, Besançon</li>
<p></p>
<li><strong>Du 09/2003 au 09/2004</strong><br /><em>Infographiste 2D, Web designer</em><br />Maquettes web, print et intégration<br />Arobase communication, Dijon</li>
<p></p>
<li><strong>Du 09/2002 au 09/2003</strong><br /><em>Opérateur PAO, Technicien prépresse</em><br />Mise en pages, chromie pour éditions Michelin, Larousse, Hachette, VUEF<br />IME, Baumes les Dames</li>
<p></p>
<li><strong>Du 09/2001 au 08/2002</strong><br /><em>Assistant Offset</em><br />Maquettes web, print et intégration<br />Imprimerie Petit-Jean, Beaucourt</li>
</ul>
</article>
<article class="skills">
<h2>Mes compétences</h2>
<p class="skill_module"><img src="skill_module.svg" /></p>
<ul>
<li>Photoshop</li>
<li>Illustrator</li>
<li>In-design</li>
<li>Adobe XD</li>
<li>Sketch</li>
<li>Axure</li>
<li>Animate</li>
<li>Cura</li>
<p></p>
<li>UX design Research</li>
<li>UI design</li>
<li>Branding</li>
<li>Éditions (PAO)</li>
<li>Impression 3D</li>
<p></p>
<li>Super Mario Kart (version super nes)</li>
</ul>
</article>
<article class="formations">
<h2>Ma formations</h2>
<ul>
<li><strong>2019<br /></strong>
Chef de projet multimédia - Design</li>
<p></p>
<li><strong>2008<br /></strong>
BTS communication Visuelle</li>
<p></p>
<li><strong>2005<br /></strong>
BAC pro production graphique</li>
<p></p>
<li><strong>2003<br /></strong>
BEP préparation de la forme imprimante</li>
</ul>
</article>
</div>
<footer class="socialnetwork">
<p class="logo_Linkedin"><a href="https://www.linkedin.com/in/guillaumeguinchard/"><img src="linkedin-logo.png" alt="mon profil" title="lien vers mon profil linkedin"/><br>
</a> mon profil linkedin</p>
</footer>
<!-- fermeture de div class contenue-->
</div>
</body>
</html>