Realisation portfolio

All the logos, design and experiences that I have created. Being during my job, contests or for my pleasure

Plann

Plann

Social Media Scheduling Tool

When I came to Plann, there was only the mobile app and a beginning for the website. My job was to build the frontend based on VueJS. After a few month the version 1 came out. With the user feedbacks I improved the UI and UX of the platform.

The initial components of the website weren’t strong enough, after using all the tricks possible to build new functionalities, we decided to rebuild completely the frontend. I’ve put in order the architecture from a Nuxt.js project then I led the developers to implement functionalities. After several month the version 2 came out. All the frontend part became static, hosted on a S3 with a Cloudfront and consuming an API.

Nicolas Hamelin

Nicolas Hamelin

Inception 2

After 5 years of good service, it was time to update the technological base of my portfolio website. At the time I was interested in learning more on Node.js, so I’ve build my website with that technology and made everything by myself. On my recent work experiences I’ve used a lot Vue.js and Nuxt.js , nevertheless I wanted to know more about TypeScript. So I took the opportunity to combine everything and improve the performance at the same time. In fact, everything is static now! (This will also save a few Watts)

The design stays the same. It was pretty easy to take from the old structure and put it in the new platform.

TravelMustard

TravelMustard

Travel Planner.

For this freelance mission, the team started to build the front-end of the website but it wasn’t very usable and beautiful. My work was to work on those aspects while rebuilding the HTML structure, improving the UI, the UX and putting SASS to accelerate the development.

Key Consulting

Key Consulting

Website of Key Consulting.

Key Consulting has been my employer for about four years. During my time with them, they decided to update their corporate identity and thus their website style guide. I was charged to design the complete new version of their website to match it using the Drupal CMS, working in collaboration with different sale persons to be sure the content matched the expectations.

Business Builder

Business Builder

Business Builder allow to make his company with a CCI advisor and easily create a Business Plan.

I was tasked of designing a website following the corporate identity and style guide of the CCI (the French chamber of commerce and industry). I helped having simple and adapted ergonomics according to the different categories of their business. Once this was done, I integrated the design for the mobile, tablet and desktop versions.

Cycleo

Cycleo

Bike-work politics inside the company

It was during the C3Challenge that Cycleo was born a second time. Loïc brought his ideas and we developed it.

I was in charge of designing the corporate identity and style guide (but always in collaboration with the team) and applying it on all supports (website, business card and powerpoint).

This project remains under development, adding for example a mobile application and website soon. I am in charge of the design and the UX. At the same time I am in charge of the communication via socials networks (message, illustration, video, …).

Nicolas Hamelin

Nicolas Hamelin

Inception

It was time to make my personal website. So, I created a logo (article in french), a corporate identity and a style guide (with the orange colour inevitably). I decided to use the same colours I used for lilomoino.fr. I have built the design with the logo and the content always in mind. I have always wanted to learn more about node.js (cf Homecheck), so I used it for the development.

I took a particular care of the usability, accessibility (on which i am still working and learning) and performances (progressive enhancement and low data consumption).

Homecheck

Homecheck

My dashboard

When I was in Nantes (France), I used to take the bicloo every day (self-service bike). I was using the official app to look for available bikes and free slots. There was too much information to process for the only two stations i was using, near my flat and near my work. In addition sometimes the weather is not suited for biking, which created the need to use an another app to check it.

To simplify all of this, I created a webapp which, depending on the current time, gives me only the information I need. With one glance I have access to the bicloo and weather informations, perfect! Doing some home automation, I also added a presence captor I put in my flat into my dashboard.

To be happy going to work every morning, I created a nice looking interface (and a logo).

Node.js is an awesome tool to create a real time dashboard. I wanted to learn this technology and so I used it for my app.

I was using this webapp every day.

L'énergie tout compris

L'énergie tout compris

Energy saving calculation website

I was in charge of creating this website from scratch, picking the right Drupal modules and the good configuration. Some mock-ups were created by an external company, and I integrated them into the website.

LilO. Moino

LilO. Moino

My photo blog (with music too)

Sharing more and more photos (and musics), I opened a blog under the name LilO. Moino to reference them all.

I chose to use Drupal as CMS to be more focused on the design. I wanted it simple and content focused. For the corporate identity and style guide, I needed inevitably orange and a colour for every activity. The logo is inspired of one of my passion, surfing (but not every time on the board, there is a few exemple in my photos). To improve the user experience, the responsive web design was added at the beginning.

Some functionalities were added during this 4 years, but the corporate identity and style guide never changed.

Fioulmarket

Fioulmarket

Fuel oil website seller

I arrived in the middle of this project. After learning Drupal, I managed the structure of the website. Some mock-ups were created by an external company, I was in charge of integrating them into the website.

Want to see more? Let's work together!
Send me a message