Select Color

Welcome

I'm Romain Christophe

UI/UX & Web Designer, Graphic Designer

Romain Christophe

Graphic designer, UI/UX & Web Designer

I am French and I live in Japan since April 2017. I have 10 years of experience in graphic design, web design, and UI/UX design.
The most important thing in my work is even if an application is complex, I make it easy to understand for the user.
My favorite thing in life is to use my imagination to create designs, drawings, digital paint, and playing guitar. I speak English fluently, Japanese at a conversational level, and native French. 

  • From: Epernay, FRANCE
  • Lives In: Kawasaki, JAPAN
  • Age: 39
  • Gender: Male
Download CV

My Skills

Design Skills

UI / UX Design, Web Design: Figma, Adobe XD
100%
Banners, logos, Illustrations, Icons: Photoshop, Illustrator
100%
Character design, Digital painting
100%

Coding skills

HTML5 + CSS3
100%
JavaScript, JQUERY
70%
Vue.js, React.js Framework
60%

Education

  • 2010
    Graphic/ Web design
    Autograf School (2 years, Paris, France)

    Study of Adobe software, Photoshop, Illustrator, Indesign, 3D with 3ds Max. Study HTML, CSS, Javascript and Web design.

  • 2003
    Business School SUP TG
    Reims Management School NEOMA (3 years, Reims, France)

    Bachelor in business Management, marketing, communication.

  • 2000
    High School degree
    Notre Dame St victor (Epernay, France)

    Study of Economy, general education.

Experience

  • 2018 - 1/2022
    UI/ UX Designer, Graphic Designer
    Rakuten Logistic, ECLD group (Tokyo)

    Design and coding of the logistic back-office support system website for merchants, and other logistic applications for internal services and warehouses, creation of logos and illustration.

  • 2017-2018
    Web Designer, Graphic Designer, International sales
    I-order (Yokohama)

    Design and management of the official website of the company, graphic design of flyers.
    Internationale’s sales management: meeting with foreign merchants, negociation.

  • 2011-2016
    Web designer, Graphic Designer, Flash technician, Content Manager
    Various work contracts for e-commerce French companies rueducommerce.fr, but.fr, carrefour.fr. Showcase website for Michelin and Nissan. Creation of E-learning for Alten.

    - Design of banners for landing pages, mailing, integration with CMS for e-commerce websites.
    -Websites content management for Nissan and Michelin.
    - Creation of Serious games in Flash for various companies (Renault, Alten, Thales).

What can i do?

Graphic Identity

Creation of logo, color identity. Build a consistent brand identity.

Web UI/UX Design

Conception of user interfaces: research, user analyse, creation of a responsive website or application.

Graphics Digital/Print

Creation of illustrations, icons, flyers, banners, mailings, characters design.

Portfolio

UI/ UX Design: Rakuten Logistic (Tokyo)


Issue: The logistic websites may be difficult to understand for the users (Rakuten Ichiba sellers), many functions and pages to manage orders with CSV, shipments, inventory, warehouses...
Also, other applications had an old design and need renovation for internal logistic teams, or are used in special condition like in a warehouse with a very repetitive use. We need to make a better logistic back office system compare to Amazon, Next Engine for example and become number one in Japan.

Solution: Create the best funtions for users, make the process easy to understand depending of the user and condition, choose the best organization for forms, fields, buttons and table of results, check the user feedback to improve design. We created a UI library with components and documentation to keep the design consistent and a site map.

Process of work: The work flow was following Agile management process, with Scrum Team and sprint period of 2 weeks. As part of the design team of OMS logistic group, I made prototypes of various logistic applications, the main project was BOSS, back office support system with around 5000 users (https://boss-oms.jp) and smaller project for internal services (information about sellers, API management ect), warehouses workers (touchpad to prepare orders, picking, choose packaging ect).

Following the requierements made by the business side by JIRA ticket:
- I done meetings with the users, the product owner, to understand the requierements, the goal of this design. Why it is necessary, who will use it, what is the user flow ect.
- I created mock up using Photoshop and Figma, logos and Illustrations creation using Illustrator, colors identity, then user check and choose the design for internal teams.
- I code in HTML5, CSS3, Javascript, JQuery using component from our library, create new one when necessary, and recently use vue.js framework with a storybook, user can test the prototype for internal project.
- The development process was to merge the new pages from a branch using SourceTree in the develop main branch, and sometime resolve change conflict coming from other branches.
- Finally, developpers connect the data bases and work with our new pages/ function, we reviewed on stagging environment to fix the bug before put the new pages in production.
- Regulary meetings with developer to explain our process, the meaning of the design and the rules to follow.

Back Office Support System

Dashboard, main informations

Back Office Support System

Orders list

Back Office Support System

Lead time management

Back Office Support System

Creation of Error pages, Illustrations

Logos creation

Logos creation for various logistic applications

Prodesc

Caption generation for Rakuten fashion

WGUIS (Warehouse Gateway Useful Intra System)

API connection

Wallaby

System to manage warehouse work process.

Wombat

A main menu to gather all the logistic internal applications.

Kohoku Seiyu supernet

Responsive application touch pad to prepare orders from seiyu website by warehouse staff.

Paperless system

Preparation of packaging by warehouse staff without using paper.

T-Rex attendance

Attendance check touchpad for warehouse workers.

Web design: I-order (Yokohama)

Process of work: I-order, partner of Rakuten needed to renew the english website www.i-order.asia, I made a mock up on photoshop then code of responsive website, using bootstrap code library. I created graphic elements for events and elements for rakuten shop.

Issue: I-order was searching foreigner clients to help them to sell in Japan e-commerce (Rakuten, Amazon, Wowma).

Solution: I made the website with modern tools, organize events all over the world by creating flyers, search new overseas clients.

I-order Website

Home page

I-order Website

Client page

I-order

Flyers

Graphic design: Rue du commerce, But.fr, Carrefour (Paris, France)

Process of work: As a contract employee, I worked as graphic designer, content manager for different French e-commerce websites, rue du commerce, but.fr, Carrefour Ooshop Supermarket.
Every week new products was selected to be on front page of the website, sometime special operations or events. The marketing service decided which products will be on the landing pages, so created banners in various format depending of the page with Photoshop, e-mailing and integrate it with a content management system in HTML and CSS, javascript if necessary.

Issue: Each graphic elements of the website must be attractive to make the user click and buy the product, we had tools to annalyse where the users click the most.

Solution: Create interesting banners and mailing, original with attractive colors and buttons with good description of the products, use of the SNS, creation of games to win products like quiz.

Carrefour Ooshop

Banners small size

Carrefour Ooshop

Banners slider size

Carrefour Ooshop

Banners various sizes

but.fr

Banners slider size

but.fr

Mailings

but.fr

Banners slider size

rueducommerce.fr

Banners for DIY category

Web master: Nissan/ Michelin (Paris, France)

Process of work: For Nissan and Michelin websites, Nissan.fr, Michelin.fr, the process of work was update each website depending of the country with new content, like text translation, images or tools to build a car or a tire for example, I used a content management system created by the company called 'Communique'.

Issue: There was many website to update all over the world in a limited time.

Solution: Learn how to use a Content Management System and update websites very fast.

Michelin Website

Content manager

nissan Website

Content manager

Graphic designer: Alten (Paris)

Process of work: Alten is a leader in Engineering and Outsourced R&D and IT Services. They also create E-learning and training to help other companies in the process of change, for example: create serious games to explain what is the new process of work, explain to employees what are the disabilties at work ect. The process is a story board was created by the client and engineers, I was in charge of the characters design, the background, animation in Flash, design of mini-games and coding with action script 3 and show the progress to the client during meeting. I made E-learning for clients of Alten and for the company itself also.

Issue:Serious games was usually not very creative, employees need good e-learning to understand new process at work or any necessary training for work.

Solution: I drew characters, background and other elements and digitized them with photoshop and illustrator in Anime style, because my style is manga. The e-learning was looking better, funnier, more attractive for the user.

E-learning for Thales

Creation of Avatar

E-learning for Alten

Flash technician, graphic design, character design

E-learning for Renault

Flash technician, graphic design, character creation

Extract of E-learning about disabilies at work in the style of Professor Layton game.

Contact

Get in touch