Current page
%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='logo'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2050.9%2055.7'%20enable-background='new%200%200%2050.9%2055.7'%20xml:space='preserve'%3e%3cpath%20fill='%23424242'%20d='M4.9,32.9c14.4-0.2,30.1-0.4,41.2-0.6c2.7-0.1,4.9-2.4,4.8-5.1c0-0.1,0-0.2,0-0.2c-0.1-2.6-2.3-4.7-5-4.6%20c-14.3,0.3-30.1,0.6-41.2,0.8c-2.7,0-4.9,2.3-4.8,5c0,0,0,0.1,0,0.1C0.1,30.9,2.3,33,4.9,32.9z'/%3e%3cpath%20fill='%23808080'%20d='M6.8,17c10.3,10,21.6,21,29.6,28.7c2,1.9,5.1,1.8,7-0.2c0.1-0.1,0.1-0.1,0.2-0.2c1.8-2,1.7-5-0.2-6.8%20C32.9,28.6,21.6,17.6,13.6,10c-2-1.9-5.1-1.8-6.9,0.2c0,0,0,0-0.1,0.1C4.8,12.2,4.9,15.2,6.8,17z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M25.1,55.7c0.1,0,0.2,0,0.3,0c2.7,0,4.8-2.3,4.8-5c-0.3-16-0.7-34.3-0.9-46c0-2.7-2.3-4.9-5-4.8%20c0,0-0.1,0-0.1,0c-2.6,0.1-4.7,2.3-4.7,4.9c0.2,16.1,0.5,34.3,0.7,46C20.2,53.6,22.4,55.7,25.1,55.7z'/%3e%3cpolygon%20fill='%23F15A24'%20points='2.1,51.3%2011.3,48.9%2045.4,13.5%2047.5,4.3%2038.3,6.7%204.1,42%20'/%3e%3cpath%20fill='%23222222'%20d='M27,32.6l2.7-2.8c0-1.5-0.1-3-0.1-4.4c-0.9-0.9-1.9-1.8-2.8-2.7c-1.4,0-2.7,0.1-4.1,0.1l-3,3.1%20c0,1.3,0,2.5,0.1,3.8c1,1,2.1,2,3.1,3C24.3,32.6,25.7,32.6,27,32.6z'/%3e%3c/svg%3e)
Resume
Nicolas Hamelin
Lead Front-end / Product Engineer
Visual Narrator
As a multipotentialite person, I wanted to find a title that could bring together all the things I do. With a master's degree in computer science and over 15 years of experience gained across Australia, New Caledonia and now Anglet, France, my journey has taken me from interface design to front-end development, the ownership of complete web products and, more recently, AI-assisted development. My passions, in which I invest a lot of myself, are photography and video.
By analysing all those skills, I found out that they have a something in common, they tell something visually. The title of "Visual narrator" can put them all in the same bag, and to go towards adventure!
Skills
- Fullstack
- UX
- UI
- Accessibility
- Needs analysis
- Autonomy
- Self-taught
- Front-end
- TypeScript, JavaScript (Vue, Nuxt, React, Angular, Ionic) — HTML5, CSS3, Sass, Tailwind — Vite, WebDriver.io (E2E testing)
- Back-end
- Node, PostgreSQL, MySQL, GraphQL — Supabase, NuxtHub, Cloudflare (D1, KV, Workflows, Queues)
- Infrastructure
- AWS (Lambda, Cloudfront, S3, Route 53) — Vercel — Docker, Kubernetes, Dagger — Git, GitHub, Github Actions
- AI
- Claude Code, MCP, Skills
- Languages
- English, fluent (daily working language since 2018) — French (native)
- Creative
- Photoshop, Lightroom, Illustrator, InDesign — Adobe Premiere, After Effects
Experiences
- Experience
Front-end / Fullstack Lead
Air360 — Freelance
Startup, distributed team across Japan / Vietnam / Europe, 100% remote
I have been driving the Air360 product since 2021, a behavioral analytics solution that helps understand user journeys and improve websites: first on assignment through NCIT, then directly as a freelancer since September 2024. I led 2 developers and I own the whole chain, from the acquisition script to deployment. My work:
- Rebuilding and structuring the dashboard with Nuxt and Supabase, migrating authentication and the database away from Auth0
- Session replay platform based on RRWeb and NuxtHub, first hosted on Cloudflare then migrated to a K8S cluster on OVH to keep hosting costs under control
- Back-end and infrastructure: APIs on Cloudflare (D1, KV, Workflows and Queues), Kubernetes deployments and CI/CD with GitHub Actions
- Data acquisition script in TypeScript, packaged with Vite and covered by a WebDriver.io E2E test suite
- On-page analysis directly on the client's website (Chrome extension then integrated into the client site)
- Help center: multilingual documentation and AI chatbot via an MCP server, authenticated through Supabase OIDC
I rely daily on Claude Code, MCP servers and skills.
Case studies:Air360 Dashboard Air360 Replay Air360 Help Center
https://www.air360.io - Experience
UI/UX Designer - Front-end Lead
NCIT, New Caledonia
IT services company in Nouméa — main assignment: Air360
New Caledonian IT services company where I spent most of my time on Air360 (detailed above), as front-end lead. I also built the front-end of mobile and web applications for other clients, including a whale-tracking app in Angular and Ionic, and helped junior profiles grow their interface skills.
- Experience
Project Lead
velo.nc
As an avid cyclist and seeing room for improvement in New Caledonia, I launched a platform to bring together everything related to cycling. As a first step, a map with bike paths and anchor points. And more if the opportunity arises.
I reached out to associations and ADEME, and everyone was excited. The project started gaining visibility but in the end, each party preferred to stay on their own and the project stalled.
Case studies:velo.nc
https://velo.nc - Photography & adventures
Bikepacking from Vannes to Biarritz
https://nicolashamelin.fr/blog/1000km-a-velo-fracture-de-la-cote-et-tartes-citron-meringuees1000km, calories, a broken bone and photos. The story of my first bikepacking trip.
Back from Australia in early 2020, in the middle of the Covid period, before settling in New Caledonia in early 2021.
- Experience
Front-end Lead
Plann, Australia
Startup in Sydney — on site, English on a daily basis
The team had the mobile app to schedule media on Instagram and wanted to build the web version. My mission was to create the front-end (based on Vue then Nuxt) with the app's UI in mind. To improve UX and ergonomics based on user feedback. To guide the front-end team and prioritize tasks.
Case studies:Plann
https://www.plannthat.com - Experience
UI/UX & Front-end Designer — Freelance
Sportang & TravelMustard
Two short freelance assignments from Australia:
- Sportang: built the entire front-end (ReactJS, Redux) from scratch, improving the UI and UX of the mockups
- TravelMustard: took over the existing front-end — restructured the HTML, moved to SASS and reworked the UI/UX
Case studies:TravelMustard
- Photography & adventures
Working Holiday Visa in Australia
Australia
https://lilomoino.fr/story/australieI met new people, saw beautiful landscapes, did photo shoots, improved my photo and video editing skills, used a drone for my videos, added motion design, ...
- Experience
UI/UX Designer - Front-end Designer
Key Consulting
Clients entrust their projects to Key Consulting. They are all built in-house and delivered to the client once finished. While most engineers work on a single project, I worked on all of them, bringing my UI/UX and Front-end Designer expertise to create the interface and improve ergonomics. My work was to:
- Study the needs
- Create mockups (HTML or image) for tender responses
- Manage several projects simultaneously
Clients: Total, La Poste, CCI, RATP, CNFPT
Case studies:Key Consulting
http://www.keyconsulting.fr - Experience
Graphic Designer - Webdesigner
C3Challenge | Regional winner with the Cycleo team
The C3Challenge is the French tour of open innovation facing climate challenges, mobilizing citizens, public and private actors, experts and students.
During a weekend (like a startup weekend), we created the beginning of an app that encourages people to take their bike for their home-work commute. Among other things, it calculates the number of kilometers traveled and thus provides the effective financial compensation.
Case studies:Cycleo
http://www.cycleo.io - Experience
Graphic Designer - Webdesigner
Startup Weekend Nantes | Participation with the Aqapela team
The goal was to create a startup (a fictional one, about mystery trips for our team) in 54h (free to continue in real life afterwards). We had to do it all! That is, build a mobile app, a website, create a nice logo, the communication, establish a business plan, a budget, etc.
- Photography & adventures
Tour de France Photo
https://lilomoino.fr/evenement/tour-de-france-photo-2014Photo coverage of the 2014 Tour de France.
- Education
Microsoft Certification
HTML5, JavaScript and CSS3
- Experience
Webdesigner - Front-end Designer
Altran
SNCF needed a new application to manage issues on the railway tracks. After studying the functional specifications, I created the mockup and then the application's interface following the style guide, with ergonomics work to match user expectations.
- Education
Master's Degree
Maths-STIC, Image and Network Computing track, at UBS Vannes
What if the next chapter was written with you?
Send me a message