avatar bergall Studio Bergall pro
menu

Bonjour, je suis Christophe Bernard,
Designer numérique senior freelance.

Je vous accompagne dans votre production numérique : du design au développement front-end.

Du design au développement front-end de votre projet digital…

Suite Adobe
Notion
Figma
Wireframes & prototypes

Wireframes & prototypes

Je met en place de l'érgonomie générale de votre site.
Wireframes
Ergonomie
Ux design
Protoype
Illustrations 2d/3d & Vidéos

Illustrations 2d/3d & Vidéos

Je crée des illustrations et motion pour rendre vos sites vraiment mémorables
Illustration
2D
3D
After Effect
UI Design & Design System

UI Design & Design System

Typo, couleurs, médias, je crée l’identité votre entreprise en ligne.
UI design
Design System
Identité
Déclinaisons & livraison

Déclinaisons & livraison

Je décline et livre les maquettes desktop, tablettes, mobiles pour que tout soit prêt pour l'intégration.
Desktop
Tablet
Mobile
Zeplin
Développement Front-end

Développement Front-end

Intégration et développement front-end html/css/js sont mes alliés peut importe le framework
JS
Typescript
HTML/css
React
Tester

Tester

Certains projets nécessites plus de tests que les autres, le rendant absolument fiables et pereine dans le temps
Jest
Cypress
Un soupçon de Back-end

Un soupçon de Back-end

Wordpress est le CMS que j’utilise le plus pour rendre dynamique vos pages. Je fais du template sur-mesure (FSE).
Wordpress
FSE
Api Rest
Next

Mes travaux

Réalisation des maquettes, prototype et UI design, en passant par de la 3D, au développement avec next.js, react-three-fiber, et api wordpress.

Lebhar Configurateur 3D

Réalisation des maquettes, prototype et UI design, en passant par de la 3D, au développement avec next.js, react-three-fiber, et api wordpress.
front-end
Next.js
Tailwind
Typescript
3D
ui/ux
UX/UI design, déclinaisons maquettes responsive et développement front-end,

Kosen Project

UX/UI design, déclinaisons maquettes responsive et développement front-end,
front-end
Wordpress
ui/ux
UX/UI design, déclinaisons maquettes, design graphique, développement front-end (animation javascript & css pour apparition des différents éléments, gestion des sliders, header etc.)

Action Europe

UX/UI design, déclinaisons maquettes, design graphique, développement front-end (animation javascript & css pour apparition des différents éléments, gestion des sliders, header etc.)
Wordpress
ui/ux
webdesign
DA
Intégration, animation javascript (vanillia.js + gsap), Templating Wordpress

French connexion agency

Intégration, animation javascript (vanillia.js + gsap), Templating Wordpress
ux/ui
front-end
Javascript
Wordpress
Création de l'identité visuelle, maquettes UX/UI design.

Get Reach

Création de l'identité visuelle, maquettes UX/UI design.
ui/ux
DA
Image de Marque, UX/UI design, déclinaisons maquettes responsive et développement front-end

La Ferme de Kerledern

Image de Marque, UX/UI design, déclinaisons maquettes responsive et développement front-end
Logo
webdesign
front-end
ui/ux
UX/UI design, déclinaisons maquettes, design graphique, développement front-end

Prodensia

UX/UI design, déclinaisons maquettes, design graphique, développement front-end
ui/ux
webdesign
DA
dev
Wordpress
Réalisation d'illustration 3D pour le site web

Schmidt

Réalisation d'illustration 3D pour le site web
ux/ui
prototype
web
Voir tout le portfolio
Front-end : Intégration & développement

Front-end : Intégration & développement

Création de templates de pages en suivant scrupuleusement les maquettes et la direction artistique. Mon but n’est pas tant d’être au pixel-près par rapport aux maquettes mais bien de les améliorer en les rendant interactives, agréables à l’utilisation, et s’adaptant à tous les types d’écrans. C’est précisément pour cela que je suis passé de graphiste à développeur

  • → Intégration HTML/CSS/JS avec libraires (mon chouchou React - Next) ou sans (vanillia.js)
  • → Création de thème Wordpress sur-mesure pour répondre à vos maquettes et aux besoins.
  • → Sites ou applications sur mesure – En fonction du besoin : sans ou avec frameworks.
React
Next
Astro
Sur-mesure
Theme WP
Tailwind
Typescript
vanillia.js

Animation, interactions & optimisations

C’est la cerise sur le gâteau, ce qui rendra votre site attirant et agréable à l’utilisation. C’est la partie qui me tiens plus à coeur en tant que creative developer :

  • → Peaufiner les micros-interactions.
  • → Pour des besoins très spécifiques la création de script sur-mesure ( avec ou sans utilisation de librairie externe en fonction des besoins).
  • → Je suis expérimenté sur différents médias (3D, Vidéo, animations vectoriel ou même image par image…), j’adapte les médias en fonction de l’optimisation et du rendu graphique suivant le projet.
Keyframes
CSS
Javascript
3D
SVG
Lottie
Spritesheet

Mes agences partenaires…

french connexion
BleuMarketing
bleu iroise
Agence logo
Havas
Keemia
OC sport
Tide AM
…et à travers elles, bien d’autres clients m’ont fait confiance :

AQC, Inddigo, La Ferme de Kerleden, Ohm Energy, Prodensia, Class'croute, les 2 marmottes, Lebhar, Kosen, Thierry Marx Backery, Cdiscount, Vattenfall, The Transat CIC, La Solitaire du Figaro, BCE, Schmidt, CuisinellaSodexo, Peugeot, Sncf …