Menu

Olivier BARTOLI

Paris

En résumé

Graphiste UI web et print. Designer et intégrateur de sites internet, je possède une très bonne maîtrise du code HTML et CSS ; je suis également formateur web. Solide expérience de la chaîne graphique digitale et print : direction artistique, conception et réalisation de sites web et de documents destinés à l'impression. Mes fondamentaux : Adobe Photoshop, Illustrator, Dreamweaver, InDesign… sans oublier Sketch incontournable aujourd'hui avec une approche atomic design, voire design system Predix (GE). Mes outils : Dropbox, Invision, Zeplin, Monday, Slack, Basecamp, Abstract. Mes technologies : CSS en Sass et Less, jQuery, HTML 5, PHP. Mes devices : desktop-tablet-mobile en RWD, app mobile et tablet iOs et Android. Mon CMS préféré : Wordpress.

Mes compétences :
CSS 2
CSS 3
HTML 5
Web
Print
Intégration
Web design
Ux design
Adobe Illustrator
Adobe Photoshop
Adobe InDesign
JQuery
XPress
WordPress
UX/UI webdesign
HTML5
Final Cut Pro
Cascading Style Sheets
Adobe Dreamweaver
Bootstrap
System design
Abstract
PHP
Atomic design
Sketch
Monday
Basecamp
Slack

Entreprises

  • Backstory - Lead Designer et Lead Développeur front end

    Paris 2017 - maintenant

  • Orange - Web designer

    Paris 2013 - 2016 Directeur artistique et webdesigner UX/UI sur les sites boutique.orange.fr et sosh.fr.

    - Designs des pages clé sous Photoshop d'après conception fournie.
    - Gestion des grilles horizontales et verticales.
    - Réalisation d'illustrations avec Illustrator et importation dans Photoshop.
    - Intégration en HTML CSS et jQuery de modules spécifiques.
    - Consultant technique auprès des équipes de développement.
    - Livraison des fichiers PSD et PNG aux équipes de développement via Dropbox.
    - Réalisation de chartes graphiques sous inDesign puis PDF pour les équipes transverses.
    - Préconisations d'emailings en responsive fluide.
    - Préconisations de pages boutique éditoriales en responsive fluide.
    - Échanges régulier avec les équipes design concernant l'évolution de la marque ou les lots en cours.

  • Marcorel - Formateur web / Directeur artistique

    PARIS 2006 - 2016 Fonction : formateur en print et en web sur Photoshop, Illustrator et Dreamweaver (HTML5, CSS3, PHP, WordPress).

    Responsabilités : responsable pédagogique des formations diplômantes web, webmaster du site de l’organisme, rédaction des sujets d’examen, gestion des contenus pédagogiques web, membre de jury d’examen.

  • Izzara - Webdesigner et intégrateur

    Paris 2006 - maintenant Graphiste web et intégrateur HTML, CSS et JS. Coordinations au sein de l'équipe des associés. Gestion de la comptabilté. Maintenance des sites en ligne. Gestion des évolutions sous forme de contrat de maintenance.

    Responsabilités : conception et intégration de sites web, maintenance design, ergonomique et technique, créations de thèmes sous WordPress et sous Prestashop, prise en charge des aspects administratifs (président de la société).

    Références : ukaipo, Terre et Nature Voyages, Likhom, IAE Gustave Eiffel, Enceinte.com, les-marques-francaises.com.

  • Agence Signature graphique - Directeur artistique

    1987 - 2006 Fonction : directeur artistique print et multimédia ;

    Responsabilités : direction artistique et réalisation de différents types de supports de communication, suivi de réalisation au sein du studio, présentation des travaux en clientèle ;

    Réalisations : affiches, aides de visites médicaux, catalogues produits, chartes graphiques, designs et intégration de sites internet et intranet, journaux d’entreprise, logos, packagings, plaquettes commerciales et institutionnelles, réalisations de CD-ROM (sous Flash), rapports annuels, signalétiques, vidéos commerciales (sous Final Cut Pro) ;

    Références clients : ABB, Air Liquide, AUF, Beaufour Ipsen, bioprojet PHARMA, Bluestar silicones, Cerexagri, Danisco, Diversity, EDF, Gemco Transactions, Groupe Caisse des dépôts et consignations, Kerneos, La Poste, Lafarge bétons, Moëller Electric, Nikon, Otis, PSA, Rhodia, Sanofi-aventis, Synergie, TF1 video.

Formations

  • Service National

    Paris 1986 - 1987 Service national (caporal-chef au 151e régiment d'infanterie) à Metz

  • École D'Architecture

    Versailles 1985 - 1986 3 à Versailles (certificats d'histoire de l'architecture, dessin d'architecture, géométrie spatiale) ;

  • Université Paris

    Paris 1984 - 1984

  • Lycée Claude Bernard (Paris)

    Paris 1975 - 1983 Baccalauréat série D

Réseau

Annuaire des membres :