Embed Size (px)
Citation preview
{ S T É P H A N E Q U E R T I N M O N T } < 1 >
coder();&&
DESIGNER
<div>Stéphane QUERTINMONT</div>
<title>RÉSUMÉ & WORKS</title>
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 2 > < 3 >
<strong>
My name is Stéphane
Quertinmont</strong>
<ul> <li>I’m a developer & designer based in Wallonia
with experience across Web Design, Identity &
Print</li></ul>
{ S T É P H A N E Q U E R T I N M O N T } < 5 >
<strong>WHO AM I?</strong>
<p>I’m a designer/developer based in Southern Belgium with experience across Website Design & Development, Identity Design, Copywriting and Print.
I usually live in code, and I love to bring my ideas to life in the browser.
My specialization covers visual design and front-end development: HTML, CSS, and JavaScript.
I’m 50 and I do not have a driving license.</p>
STÉPHANE QUERTINMONT
d e s i g n e r / d e v e l o p e r
K stephanequertinmont.com
t @sQuertinmont
Stéphane Quertinmont
EDUCATION
EXPERIENCE
SKILLS
{{
EXPERT IN LANGUAGES I SPEAK
WebDesign HTML
Copywriting CSS
Print Wordpress
Identity JavaScript
WordPress Python
2D animation UNIX
20132014
2001
1991
GRAPHIC & WEB DESIGNISIpsCharleroi | BELGIUM
AS A WEB DEVELOPERDevelop websites with customer needs through the latest technolo-gies, industry & coding best practices.
AS AN ADMINISTRATORManaging office staff in administrative duties - Spanish, Catalan and English translations - Event management - Speaker - Spokeman
GENERAL RAPPORTEUREuropean Bureau for Lesser-Used Lan-guages [EBLUL] — FINLAND
OFFICE AUTOMATIONEmployee Development CenterAnderlues | BEGIUM
AS A DTP ARTWORKERPaginate & layout newspapers. Produce a variety of graphic products. Create PDF files & traffic them to the printer.
H
H
H
H
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 6 > < 7 >
I value simple content structure, clean design patterns, and thoughtful interactions.
TAKEaLOOK
#
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 8 > < 9 >
10
14
12
18
20
A&O MARBLE MANSONRY – (RE)BRANDINGStupid simple logo redesign for Adam & Olivier Marble Mansonry.
MONSTER CRADEApparel logo designs. Printing, stitching & label print. Drafts & proposals.
CONSOLE-TOIPoster, booklet and other stationeries for a school play. I combined drawings the children gave me using Illustrator, Photoshop and InDesign.
CONSOLE-TOIPoster, booklet and other stationeries for a school play. I combined drawings the children gave me using Illustrator, Photoshop and InDesign.
A&O MARBLE MANSONRY – WEBSITEResponsive, responsible, and adaptive small business website. Showcase of the achievements, materials and skills of the craftsmen.
/* WHAT I’VE DONE SO FAR */
Specializing in building small business sites.As a designer and a
developer, I write code that conforms to industry standards and semantic
best practice.
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 1 0 > < 1 1 >
#01ABOUT
PROJECT
& WHAT <meta name=(re)Branding/>
) WHERE <meta name=Liège/>
~ WHEN<meta name=2017/>
Stupid simple logo redesign for Adam & Olivier Marble Mansonry.
I used GT-Cinetype font to convey the high precision of the water-jet cutting.
<meta name=ADAM&OLIVIER MARBLE
MANSONRY – (re)Branding/>
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 1 2 > < 1 3 >
#02ABOUT
PROJECT
<meta name=Console-toi/>
& WHAT <meta name=Print Design/>
) WHERE <meta name=Soignies/>
~ WHEN<meta name=2015/>
Poster, booklet and other stationeries for a school play.
I combined drawings the children gave me using Illustrator, Photoshop and InDesign.
Once again, print begins with a sheet of paper and a pencil.
Incidentally, I was also in charge of the sound design for the performance.
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 1 4 > < 1 5 >
#03ABOUT
PROJECT
<meta name=Monster Crade/>
& WHAT <meta name=Brandind & Print/>
) WHERE <meta name=Charleroi/>
~ WHEN<meta name=2014/>
Apparel logo designs.
Printing, stitching & label print.Drafts & proposals.
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 1 6 > < 1 7 >
#03& WHAT <meta name=Brandind & Print/>
) WHERE <meta name=Charleroi/>
~ WHEN<meta name=2014/>
ABSTRACT
LOGO 1 - Monster Crade - Owl The logo was designed to meet the following needs:
Part of the layout has to be stitched into the fabric. This is the dotted line in the vector file.
The rest of the artwork will be printed on the canvas.
LOGO 2 - Monster Crade - Eye
The logo is now moving away from the childish first proposal and presents a stylized owl eye. The look and the attitude are more firm, even more authoritarian. It is an echo to the motto: “for the little monster who assumes”.
The goal was to produce a file for the etching on the leather of the denim label.
Pantone Solid Coated 127C - 7298C - 729C - 7502 - 5425C.
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 1 8 > < 1 9 >
#04ABOUT
PROJECT
<meta name=Console-toi/>
& WHAT <meta name=Print/>
) WHERE <meta name=Soignies/>
~ WHEN<meta name=2013/>
Poster, booklet and other stationeries for a school play.
I combined drawings the children gave me using Illustrator, Photoshop and InDesign.
Print always begins with a sheet of paper and a pencil.
Incidentally, I was also in charge of the sound design for the performance.
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 2 0 > < 2 1 >
#05ABOUT
PROJECT
<meta name=ADAM&OLIVIER MARBLE MANSONRY (Website)/>
& WHAT <meta name=Front-end web development/>
) WHERE <meta name= Liège/>
~ WHEN<meta name=2017/>
Website development for A&O Marble Mansonry. I used a CMS to de-liver a product that can be updated by a lay owner.
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 2 2 > < 2 3 >
#05& WHAT <meta name=Front-end web development/>
) WHERE <meta name= Liège/>
~ WHEN<meta name=2017/>
Responsive, responsible, and adaptive small business website.
Showcase of the achieve-ments, materials and skills of the craftsmen.
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 2 4 > < 2 5 >
TOOLS
I love crafting neat website templates using clean code, robust design and the latest web technologies.
Each of my designs begins with a blank canvas which allows the con-tent to guide the layout.
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
{ S T É P H A N E Q U E R T I N M O N T }< 2 6 > < 2 7 >
Code flow:
“Begin at the beginning,” the King said, very gravely, “and go on till you come to the end: then stop.”
Lewis Carroll, Alice in Wonderland
[ R É S U M É & W O R K S / ] c
od
er
()
; &
& d
es
ign
er
< 2 8 >
<strong>
DROP ME A LINE</strong>
<ul> <li>[email protected]</li>
</ul>
