Interface

<p>Consulter le site: <a href="https://www.interfacegroup.fr/" rel="noopener noreferrer nofollow" target="_blank">https://www.interfacegroup.fr/</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrrpxai0dwn55bd0ox04vp2.jpg"><div class="image-overlay"></div></div></div></div><p><strong>Interface</strong> est une entreprise qui fournit des conseils stratégiques sur les services des <strong>immeubles de bureaux</strong> (Interface Conseil), design et aménage les espaces de vie (Interface Studio) et encourage une exploitation durable des services d’un immeuble au travers de leur label Perma.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltsz0g9312fc55bdg12t1pfk.jpg"><div class="image-overlay"></div></div></div></div><p>Après une forte croissance et un premier site web créé sur Wix, l'entreprise m'a choisi pour les aider à <strong>redesigner leur site ainsi que le développer en no code avec Webflow</strong>.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltsz0xeq12fn55bde76kbx9r.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltsz1foq12fu55bd1zhfa9uc.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltsz1p8812g555bdhx728iig.jpg"><div class="image-overlay"></div></div></div></div>

Refonte du site d'Interface en passant de Wix à Webflow.

Webflow

UX Product Design

Web Design

Des environnements de travail agiles qui résonnent durablement

Paris La Défense

<p>Consulter le site: <a href="https://transformation-des-tours.parisladefense.com/" rel="noopener noreferrer nofollow" target="_blank">https://transformation-des-tours.parisladefense.com/</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrm1pvp0b0355bd55a6hmrs.jpeg"><div class="image-overlay"></div></div></div></div><p><strong>Paris La Défense </strong>souhaite réinventer les tours du quartier d'affaires de Paris pour devenir le premier quartier d'affaires post-carbone au niveau mondial. Ce site web présente une série de 3 événements qui abordent ce thème.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrm39vf0b0n55bd3s3v6fk7.jpeg"><div class="image-overlay"></div></div></div></div><p>J'ai puisé mon inspiration dans le design de l'interface utilisateur que Paris La Défense utilise dans sa marque, afin de maintenir une certaine cohérence. <strong>Des coins arrondis, des couleurs vives contrastantes et des lignes épurées</strong> contribuent tous à une interface moderne et dynamique.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrm42tj0b1555bddd0yb7rq.jpeg"><div class="image-overlay"></div></div></div></div><p><br>En me basant sur une affiche créée par une agence de communication mandatée par Paris La Défense, j'ai conçu et développé <strong>un site web soigné, dynamique et professionnel en seulement un mois</strong>.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrm483h0b1855bdd5nv31lw.jpeg"><div class="image-overlay"></div></div></div></div>

Design et développement Webflow d'un nouveau site pour Paris La Défense.

Pro, rapide et efficace, je recommande (site BtB).

Réinventer les tours de Paris La Défense

International Nitrogen Initiative

<p>Consulter le site: <a href="https://www.initrogen.org/" rel="noopener noreferrer nofollow" target="_blank">https://www.initrogen.org/</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltroxetk0byh54cx1yhx87c1.jpg"><div class="image-overlay"></div></div></div></div><p><strong>International Nitrogen Initiative</strong> est un réseau global de scientifiques et d’acteurs œuvrant pour une gestion plus durable de l’azote.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrrlx2e0dbv54cx6dta709s.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrrl6u40due55bd2hopaxn6.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrrm89v0dur55bd30329zew.jpg"><div class="image-overlay"></div></div></div></div>

Refonte du site INI https://www.initrogen.org/

Charles is an extremely talented and professional web designer. He completely revamped the website for our organization, making it easy to interact with and creating a gorgeous interface that we are very happy with. Charles was always open to ideas and suggestions and is a very kind, approachable person. He walked us through how to make changes, and provided two training videos as well. I thoroughly recommend him and would work with him again without hesitation!

Iris Galerie

<p>Consulter le site: <a href="https://irisgalerie.com/" rel="noopener noreferrer nofollow" target="_blank">https://irisgalerie.com/</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrmrth70awf54cx60mpehtr.jpeg"><div class="image-overlay"></div></div></div></div><p><strong>Iris Galerie</strong> transforme votre œil en œuvre d'art. Leur technologie capture <strong>chaque pigment de votre œil</strong> dans une photo haute résolution qui est ensuite encadrée comme un souvenir que vous pouvez ramener chez vous. L'entreprise se développait rapidement et m'a engagé pour la refonte de leur site web.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrmsg4y0bdl55bd9z5cervc.jpeg"><div class="image-overlay"></div></div></div></div><p>Le design alterne entre des arrière-plans <strong>bleu foncé et bleu clair</strong>, mettant en valeur les photos des yeux sur tout le site web et rendant le contenu lisible. Le design global est <strong>épuré et dégagé</strong>, permettant aux images colorées de briller.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrmstwu0awv54cx9g071vs7.jpeg"><div class="image-overlay"></div></div></div></div>

Refonte du site internet d'Iris Galerie (web design & développement Webflow).

Excellente expérience avec Charles pour construire intégralement le site internet Iris Galerie ! Charles a su répondre à notre cahier des charges et nos besoins. Un grand merci pour ta réactivité, ta disponibilité et ton savoir-faire.

Votre œil comme œuvre d'art

L'arbre ô Petits

<p>Consulter le site ici: <a href="https://www.arbreopetits.fr/" rel="noopener noreferrer nofollow" target="_blank">https://www.arbreopetits.fr/</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrnfs090b7354cx1c0jem0k.jpeg"><div class="image-overlay"></div></div></div></div><p><strong>L’arbre ô Petits</strong> est une microcrèche qui accueille des nourrissons, des tout-petits et des enfants d'âge préscolaire en petits groupes. Le client souhaitait une image de marque et un site web amusants et adaptés aux enfants, avec une forte emphase sur la nature et la durabilité.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrnhkrs0b7y54cx8x5l7x8i.jpeg"><div class="image-overlay"></div></div></div></div><p>Grâce à une <strong>typographie ronde</strong>, des <strong>couleurs apaisantes</strong>, des <strong>illustrations enfantines</strong> et des <strong>icônes faites à main levée</strong>... Tout ces éléments permettent de créer un univers amusant, lumineux et coloré, avec de nombreuses références à la nature.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrnnq2o0baj54cx2bz3dt6r.jpeg"><div class="image-overlay"></div></div></div></div><p>Pour donner vie au site web, nous avons conçu un ensemble d'icônes sur Illustrator qui donne une impression <strong>"faites à la main"</strong> et <strong>enfantine</strong>. Dans le même esprit, nous avons créé des illustrations colorées pleines de plantes et fleurs pour <strong>souligner le lien avec la nature</strong>.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrnqlvv0bci54cx1rdsg92g.jpeg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cltrnr29b0bcr54cx45ud4gxd.jpeg"><div class="image-overlay"></div></div></div></div>

Design du site internet de L'arbre ô Petits, développement sur Webflow et création d'illustrations sur-mesure.

Graphic Design

L'arbre ô Petits, la microcrèche cocon

Ucci

Création d'un logo et d'une identité de marque pour Ucci.

Le processus de création de marque avec Charles a été non seulement facile, fluide et transparent, mais même agréable. Charles écoute attentivement les idées et les réactions des autres, et réussit à les incorporer dans son produit final. Réactif, clair et direct dans sa communication, c’était un plaisir de collaborer avec Charles sur ce projet en T2 2023.

Ucci - Logo & branding design

<p>Nous avons réalisé le web design et le développement du site évènementiel pour la transformation des tours pour Paris La Défense.</p><p></p><p>Le projet comporte : </p><ul><li><p>Le web design sur Figma </p></li><li><p>Le développement Webflow</p></li><li><p>L'intégration d'Eventbrite pour les évènements</p></li></ul><p></p><p>Paris La Défense organisant plusieurs évènements sur 12 mois autour du sujet, il était nécessaire de développer le site de façon à ce qu'ils puissent mettre à jour les évènements de façon autonome. C'est le pari qui a été tenu grâce au CMS Webflow.</p><p></p><p>Durée de réalisation : 1 mois entre le premier rendez-vous et la mise en ligne du site.</p><p></p><p>Le site internet : <a href="https://transformation-des-tours.parisladefense.com/" rel="noopener noreferrer nofollow" target="_blank">https://transformation-des-tours.parisladefense.com/</a></p><p></p><p><strong>Voici quelques exemples des maquettes Figma :</strong></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9skglku0hxf70jdge2r5q3s.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9skh5oi0hxl70jdbimz1v60.png"><div class="image-overlay"></div></div></div></div>

Mention spéciale pour Charles et Alix qui ont été très réactifs et pédagogues, les délais ont été tenus, le site est efficace il nous plait vraiment.


Web design et développement du site Webflow 

<p>Iris Galerie est la startup de Paul Antoine Briat (Fondateur du très célèbre Yellow korner). Créée début 2021, Iris Galerie transforme les yeux en oeuvre d’art et fort de son succès, des galeries ouvrent partout dans le monde. Il était donc nécessaire d’avoir un site internet international à la hauteur du projet et de l’ambition.&nbsp;</p><p></p><p>Le nouveau site d’Iris Galerie devait préparer une plus grosse version e-commerce à venir dans les prochains mois et commencer à avoir une partie cartes cadeau. Pour ne pas se limiter dans le design avec un modèle déjà conçu sur Shopify, nous avons choisi d’utiliser le meilleur des 2 mondes :</p><p></p><ul><li><p>Un design complètement personnalisé sur Webflow pour créer un site unique</p></li><li><p>Une intégration du modèle sur Shopify pour profiter de la puissance du e-commerce pour les cartes cadeau et pour le shop à venir.&nbsp;</p></li></ul><p></p><p>En plus de cela, nous avons réalisé des animations et intégré Weglot pour les traductions.</p><p></p><p>Côté automatisation : grâce à Make, nous avons automatisé certains processus pour traiter plus efficacement les demandes entrantes (ex: les demandes d'ouverture de franchise pour les commerciaux)</p><p></p><p>Iris Galerie : <a target="_blank" rel="noopener noreferrer nofollow" href="https://irisgalerie.com/">https://irisgalerie.com/</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://collective-document-public-prod.s3.eu-west-1.amazonaws.com/cl7kaabfd0ftf70kdbhmz73f3.jpg"><div class="image-overlay"></div></div></div></div><p></p>

Shopify

Make

Je ne peux que recommander leur professionnalisme, leur disponibilité et leur efficacité ! Ce fut un réel plaisir de travailler ensemble. Merci pour votre travail, votre sérieux et votre bonne humeur dans le développement de notre projet.

Web design et développement du site e-commerce (Webflow -> Shopify)

Smatch

<p>Les fondateurs de Smatch App voulaient donner une nouvelle image plus dynamique à leur Landing Page et à leur image sur les stores iOS et Android, pour aller avec la V2 de leur application.</p><p></p><p>Nous avons créé des designs qui suivent la charte graphique de la startup tout en lui donnant un style dynamique et accueillant. Nous avons conçu le design du site et des écrans du store et développé le site sous Webflow. Des animations ont été réalisées afin de mettre l’accent sur le côté dynamique de l’application. Nous avons également choisi de présenter des utilisateurs actifs pour mettre l’accent sur la communauté existante.&nbsp;</p><p></p><p>Webflow a permis d'avoir une grande flexibilité dans le design et les animations, et permet de n'avoir aucune maintenance à faire sur le site.</p><p></p><p>Pour voir le site : <a href="https://www.smatchapp.com/" rel="noopener noreferrer nofollow" target="_blank">https://www.smatchapp.com/</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://collective-document-public-prod.s3.eu-west-1.amazonaws.com/cl7kb1wio0g4p70kdbu1p0cqe.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://collective-document-public-prod.s3.eu-west-1.amazonaws.com/cl7kb1wil0frt6zlxareh3uew.png"><div class="image-overlay"></div></div></div></div>

Pour Smatch, Startup proposant une application mobile de rencontres sportives.

They are very professional and extremely friendly which makes it a real pleasure to collaborate with them. They did a great job for our website and I would definitely recommend them.

Web design, développement de la Landing Page Webflow et création de visuels

L'Arbre ô Petits

<p>La fondatrice était en train de créer sa première micro-crèche lorsqu’elle a fait appel à nous pour créer son identité visuelle, son site internet ainsi que ses bannières et différentes illustrations. Elle avait besoin d’une marque qui lui ressemble et d’un site vitrine permettant notamment de directement réserver les places en crèche.</p><p></p><p>Nous avons tout d’abord créé l’identité visuelle de L’Arbre ô Petits et décliné celle-ci en bannières à mettre devant la crèche.&nbsp;</p><p></p><p>Nous avons ensuite réalisé le site internet de la crèche, qui en l’espace de 3 semaines a permis à la micro-crèche d’être complète. Le site internet a pour ambition de montrer une crèche respectueuse de l’environnement, avec une attention particulière portée sur la qualité de l’accueil. Nous avons notamment transmis cela grâce à la réalisation de plusieurs illustrations.&nbsp;<br></p><p><strong>Résultats :</strong> </p><p>Micro crèche complète 1 mois après l’ouverture du site et 1 mois avant l’ouverture officielle de l’espace.</p><p></p><p><strong>Site web :</strong> <a rel="noopener noreferrer nofollow" href="https://www.arbreopetits.fr/" target="_blank">https://www.arbreopetits.fr/</a></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://collective-document-public-prod.s3.eu-west-1.amazonaws.com/cl7karvd20fno6zlxd75gdgu5.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://collective-document-public-prod.s3.eu-west-1.amazonaws.com/cl7kardk60g0t70kdb33uhs8x.png"><div class="image-overlay"></div></div></div></div>

Pour L’Arbre ô Petits, micro crèche sur Tours, fondée par Ludivine Pereira. 

Visual Identity

Branding, Web design et développement du site Webflow -  illustrations

Nouvel Air Énergie

<p></p><p>Nouvel Air est une entreprise qui propose des services de rénovation énergétique à Paris.</p><p>Après avoir créé leur premier site web en interne il y a quelques années, ils ont décidé qu'il était temps d'adopter une nouvelle identité et une nouvelle interface. Les points clés étaient la cohérence du design - icônes, images, typographie, couleurs - et la hiérarchie du contenu. La concurrence étant forte dans le secteur, l'entreprise souhaitait se différencier en intégrant un calculateur de subventions sur mesure dans l'ensemble de son site.&nbsp;</p><p></p><p>Notre travail :</p><ul><li><p>Refonte de l'identité visuelle de Nouvel Air (logo, typographies, couleurs...)</p></li><li><p>Web design des maquettes du site</p></li><li><p>Développement du site</p></li></ul><p></p><p>Notre objectif principal était de créer un design propre et épuré pour que le contenu soit facilement accessible. Nous avons choisi une police moderne et lisible qui renforce la crédibilité de leur marque. Des couleurs chaudes (orange) et froides (bleu) ont été sélectionnées pour illustrer les services de rénovation qu'ils proposent. Nous avons soigneusement sélectionné des images harmonieuses dans le but d'apporter une cohérence visuelle. Enfin, nous avons créé une calculatrice sur mesure permettant aux visiteurs d'estimer les subventions gouvernementales auxquelles ils ont droit.</p><p></p><p>Lien vers le site : <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.nouvelairenergie.fr/">https://www.nouvelairenergie.fr/</a></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clcovzwn3183l5llf7jtx7mkn.png"><div class="image-overlay"></div></div></div></div><p></p>

Pour Nouvel Air Énergie, entreprise dans la rénovation énergétique. 

Alix et Charles ont été au top ! 
Tant sur la partie gestion de projet que sur sa réalisation, nous avons été vraiment suivis et très bien accompagnés et conseillés. 
Nous sommes super contents de notre nouvelle identité et du site et on recommande leur travail à 100% ! 

Identité visuelle, Web design et développement du site internet

Web & Brand Designer | Webflow Expert

Designing websites and creating brand identities from scratch. I use Webflow and the no code technology to bring my website designs to life. 

Get in touch: charles@ramalama.design
Learn more: https://www.ramalama.design/

Web & Brand Designer, Webflow Developer

Co-created with my sister a web design studio based in Paris and Hong Kong. 

As the Creative Director I designed websites and brand identities. Using Webflow and the no code technology, I developed websites for our clients including Paris La Défense and Iris Galerie. 

We managed to be profitable within our first year of business.

Check out our work: https://atelier-studio.webflow.io/

Charles Marie

Web & Brand Designer | Webflow Expert

À propos

Expérience de travail

Web & Brand Designer, Webflow Developer

Co-Founder & Creative Director

Design Manager

Graphic Designer

Digital Marketing & Design Executive

Formation

Grenoble Ecole de Management

TBS Education

Singapore Management University

Portfolio

Des environnements de travail agiles qui résonnent durablement

Interface

Réinventer les tours de Paris La Défense

Paris La Défense

International Nitrogen Initiative

International Nitrogen Initiative

Votre œil comme œuvre d'art

Iris Galerie

L'arbre ô Petits, la microcrèche cocon

L'arbre ô Petits

Ucci - Logo & branding design

Ucci

Web design et développement du site Webflow

Paris La Défense

Web design et développement du site e-commerce (Webflow -> Shopify)

Iris Galerie

Web design, développement de la Landing Page Webflow et création de visuels

Smatch

Branding, Web design et développement du site Webflow - illustrations

L'Arbre ô Petits

Identité visuelle, Web design et développement du site internet

Nouvel Air Énergie

Talents

Recruteurs

À propos