2021

STÉPHANIEMARCOMBE g r a p h i s t e / w e b d e s i g n e r

à propos 5identité visuelle 7espace print 11espace web 19motion design 35

sommaire

À proposJe me prénomme Stéphanie Marcombe et je suis graphiste autoentreprenneur depuis

2016, je vis et travaille à Pessac (en région Bordelaise).

Mon cœur de métier est le print, conception et réalisation de

logo, d’identité visuelle, d’outils de communication (affiche, plaquette, flyer,

dépliant, packaging…). Je conçois des sites internet principalement sous Wordpress et Wix, je créée des designs d’interface de site web ou mobile sous Adobe XD et Indesign.

Je suis rigoureuse, dynamique, professionnelle et passionnée.

Après une vingtaine d’année passée en imprimerie et agence de communication

en tant que Responsable Graphique, je cherche à approfondir mes connaissances en Webdesign. C’est pourquoi j’ai souhaité suivre une formation qualifiante de « Webdesigner » en 2021 avec le centre de formation M2i Formation.

Aujourd’hui je souhaite continuer à mettre à profit tout mon savoir-faire auprès de mes clients et futurs clients, je les accompagne, je mène à bien tous les projets de A à Z afin de les satisfaire et de les rassurer.

Je travaille parfois seule ou accompagnée (photographe, imprimeurs, développeurs…).

J’accorde une grande importance aux conseils et à la relation que j’ai avec mes clients.

#logo #chartegraphique #identitevisuelle #illustrator #nuancier

7

création et déclinaison visuelle de logos

livraison du logo sous plusieurs formats

(eps, jpg, png, ai),

déclinaison couleurs

(quadri, RVB, pantone, couleurs web,

monochrome)

charte graphique

outil principal pour la réalisation de tous

les documents internes et externes à

l’entreprise.

#logo #chartegraphique #identitevisuelle #illustrator #nuancier

identité visuelle

8

AKM Conciergerie Privéecréation logo en 2 couleurs pour un autoentrepreneur en conciergerie privée

Cécile Mikophotographe indépendante,création logo en 1 couleur, déclinaison en négatif

RJM BOISEntreprise de création de terrasse en bois, logo réalisé en 2 couleurs, déclinaison en 1 couleur

logotypes…quelques exemples de

9

AKM FormationConsultante en formation indépendante.Création logo en 2 couleurs.Déclinaison en noir

KS PaysagePaysagiste indépendant,création logo en 2 couleurs

TeaBoxcréation logo en 2 couleurs pour un site e-commerce réalisé en formation

Le Clos d’ArgensonChambres d’hôtesCréation logo en quadri

#print #plaquette #depliant #catalogue #affiche #flyer #impression #pantone #couleurs #design

11

plaquette, dépliant, brochure,

catalogue, carte de visite, entête, carte commerciale,

affiche, flyer, carton d’invitation, faire-part, chemise,

packaging, annonce presse, goodies, mockup,

signalétique, sticker, plv…

#print #plaquette #depliant #catalogue #affiche #flyer #impression #pantone #couleurs #design

PRINTespace

12

#cartedevisite #edition #affiche #carterestaurant #vitrophanie #communication

13

14#depliant #cartedevisite #communication

15

#plaquette #agenda #kakemono #piqure #papeterie

16

J K

C H A M P A G N E B R U TC H A M P A G N E

PASSION

B R U T

Tourmente

J K

C H A M P A G N E B R U TC H A M P A G N E

PASSION

B R U T

Tourmente

L M

CH

AM

PA

GN

E

CH

AM

PAGNE

Ouragand’effervescence

Tourbillon

B R U TB R U T

#etiquettedevin #packaging #design

Ouragand’effervescence

E

C H A M P A G N E

B R U T

packagingquelques exemples de

17

& NEC

TAR

& S

AV

EUR

SN

ECTA

R &

SA

VEU

RS

B I O

G A I L L A C

2 0 1 6

F G

Enaturenature

2016 2016

esprit

sprit

PREMIER GRAND CRU CLASSÉ

S A I N T - É M I L I O N

C D

Nuit étoiléeBordeaux Rosé

nect

ar &

save

urs

V I N B I O

2 0 1 8CÔTES DE ROUSSILLON

H I

Packaging

Création/execution emballages de vin 1, 2, 3 bouteilles, magnum, coffret, emballages personnalisés…

pour PACKED WINE

#etiquettedevin #packaging #design

#web #outilnumerique #digital #design #hebergement #google #wordpress #wix

19

WEBconception d’interface web,

site « e-co mmerce », site « vitrine », blog,

formulaire de contact,

hébergement, serveur, cms,

language de programmation web :

html, php, javascript, css, scss…

#web #outilnumerique #digital #design #hebergement #google #wordpress #wix

espace

20

Maquettes interface web sur photoshop

21

Projet « Pâtisserie» : formation M2i

responsive : desktop + mobile

Présentation :

page d’accueil

page recette

page contact

TP libre.J’ai décidé de présenter les pâtisseries d’un ami.Il réalise ces pâtisseries sur son temps « libre ». Communique essentiellement sur intsagram.Pour cela je lui ai créé une jolie page d’accueil en lui dessinant un logo à l’effigie de ses lettres de son prénom composé.Une page galerie, dans laquelle il peut partager ses recettes.Une page contact.

22

Projet « Converse » : formation M2i

Responsive : desktop + mobile

Présentation :

page d’accueil

Promouvoir une paire de basket d’une marque connue, présenter une page d’accueil dynamique et responsive.

Maquettes interface web

sur photoshop

23

Projet « Produit Commercial » : formation M2i

Responsive : desktop + mobile

Présentation :

page d’accueil

Promouvoir un produit commercial d’une marque connue, présenter une page d’accueil dynamique et responsive.

Maquettes interface web

sur photoshop

24

Projet « Harribey Constructions » : stage chez Definima

Présentation : page d’accueil (1 version) page actualités (2 versions) page d’une actualité détaillée (1 version)

- La demande du client a été de modifier la page d’actualité existante afin de l’enrichir en informations,

- créer un nouveau menu « actualités »,- créer une nouvelle page d’actualité

détaillée.- revoir les informations header et footer- ajouter les réseaux sociaux

Maquettes interface

sous Adobe XD

25

Projet « Larrieu Frères » : stage chez Definima

Présentation : page d’accueil

- améliorer une page d’accueil existante en y intégrant de nouvelles informations pertinantes,

- ajouter un module e-commerce (achat en ligne)- création de nouveaux pictogrammes,- ajouter un formulaire de contact,- présenter la gamme de produit sous forme de galerie avec bou-

tons cliquables,- prévoir un encart « historique » sur la société.- revoir le header et footer (informations à modifier et à rajouter)

Maquettes interface

sous Adobe XD

26

Projet « Panka Epicerie et Cuisine de rue Péruvienne » : formation M2i

Présentation : Thème libre, codé uniquement en html et css

Impératifs :une page bienvenueune page galerie (en CSS grid)

J’ai décidé de présenter un site pour de la restauration à emporter.Il a entièrement été conçu en html et css.

Site internet en HTML et CSS

27

Intégration Html pour la page « accueil »

Styles CSS pour la page « accueil »

Intégration Html pour la page « bienvenue » Styles CSS pour les pages

« communes » header et footer

28

Projet « KS Paysage » : paysagiste indépendant

Présentation : Thème libre 6 menus : accueil, entreprise, prestations, créations, contact, galerie photos.

https://kspaysage.wixsite.com/kspaysage

Intégration pages web

sous WIX

29

Impératifs :une page accueil avec les dernières nouveautésune page prestationsune page galerie photoun formulaire de contact

30

Projet « Hôtel/restaurant de luxe » : formation M2i

Responsive : desktop + mobile

Thème parent : colon

Enoncé :« Votre client va très prochainement ouvrir son tout premier hôtel/restaurant et fait donc appel à vous pour la réalisation de son site multilingue via Wordpress.»

Intégration Web avec CMS Wordpress

et CSS additionnel

Impératifs :Le site doit contenir 5 pages minimum dont :1 page d’accueil au style moderne faisant ressortir un hôtel 5 étoiles haut de gamme1 page de présentation du restaurant gastronomique de l’hôtel ainsi que son menu1 page présentant les activités de l’hôtel (spa, golf, piscines, bar, …)1 page de réservation de chambre via un plugin prévu à cet effet1 page contact

Un thème enfant devra être généré et au moins trois modifications de style devront être réalisées avec du code CSS

31

Extensions demandées :- 1 plugin de backup automatique du site- 1 plugin permettant de rendre votre site multilingue (français et anglais)- 1 plugin permettant d’afficher un pop-up sur la page d’accueil

pour annoncer la date d’ouverture - 1 plugin de gestion de réservations de chambres d’hôtel - 1 plugin pour organiser et afficher les menus du restaurant- 1 plugin pour gérer la sécurité du site

Extensions utilisées :- UpdraftPlus - Sauvegarde/Restauration- Weglot Translate, - Popup Maker WP- Hotel Booking & Elementor Integration, - Menu - Ordering - Reservations, - Wordfence Security

Elementor, Contact Form, WPForms Lite.

32

Intégration sous Wordpress

avec CSS additionnel

33

Projet « Site e-commerce » : formation M2i

Responsive : desktop + mobile / tablette

Thème parent : Theshop

’’Afin de rendre mon site

adaptable sur différents

écrans, j’utilise les media

queries pour créer un

design responsiveImpératifs :un thème vente en ligne1 page mon compte avec formulaire de connexionpanier

Extensions utilisées :ElementorSpiceBoxUpdraftPlus - Sauvegarde/RestaurationWooCommerceWooCommerce PayPal PaymentsWooCommerce Stripe GatewayWPForms LiteYoast SEO

#graphismeanime #montage #motion #design #animation #typos #mouvement #gifs #reseauxsociaux

35

DESIGN

#graphismeanime #montage #motion #design #animation #typos #mouvement #gifs #reseauxsociaux

motion

36

Animations #1Projet « Carte de voeux » : formation M2i

Logiciels : Adobe After Effects Adobe Photoshop Adobe Media Encoder

Créer une animation libre en utilisant les logiciels nécéssaires.

37

Animations #2

Animations #3

Projet « Logo animé » : formation M2i

Logiciels : Adobe After Effects Adobe Illustrator Adobe Media Encoder

Créer un logo animé pour le miel : Miel & Mila.

Projet « Promotion Pot de Miel » : formation M2i

Logiciels : Adobe After Effects Adobe Illustrator Adobe Media Encoder

Créer une animation pour promouvoir la vente de miel : Miel & Mila, y intégrer le logo animé.

h t t p s : / / s m a r c o m b e p r o . w i x s i t e . c o m / g r a p h i s t e