the Plant

The Plant - Ecommerce Development & Consulting Tokyo

At a Glance

Art direction, UX/UI design and illustration for The Plant an ecommerce development and consulting powerhouse based in Tokyo.

In Detail

Experience-Driven E-commerce
Build world-class consumer-focused e-commerce solutions that work seamlessly across all touchpoints of your brand. With the best people, technology and fiercely loyal clients, The Plant gives you everything you need to succeed in e-commerce.

The Plant certainly has been “around the block” in Tokyo and Japan. Over the years they worked on many enterprise-level ecommerce projects – some omnichannel – for clients such as ASICS, Lacoste Japan, Aigle Japan, MTV Japan and others. They have also branched out with offices in Hangzhou in China and Canberra in Australia.

The “magic sauce” at the center of all their solutions is their very own versatile open-source platform QOR Commerce. This platform allows them to rapidly develop, scale and extend cutting-edge ecommerce solutions in a modular fashion.


After all these milestones the Plant team felt that a brush-up of their digital brand guidelines, new key visual illustrations and a new UI design for their website was in order. That’s were we came in.

In a first step we refined their digital brand guidelines by extracting details from their previous website and extended it with an updated color palette and a new corporate font.

As per their request we didn’t design a page-based UI design but rather a UI framework with various flexible modules similar to an Atomic Design System. These will allow the Plant to assemble page variations on the fly as needed and simplify maintenance.

Likewise with the ecommerce inspired illustrated key visuals, they were based on a grid system. This will would allow the Plant to reassemble or extend them in future, which is very much in line with the spirit of their QOR platform.

The UI design implementation was handled directly by the Plant.

Branding Guidelines & Key Visuals

The Plant - Brand Style Guide
Partial details of the updated digitial brand guideline
The Plant - Brand Key Visual Illustrations & Icons
The flexible and modular icon system for key visuals
The Plant - Brand Key Visual Illustrations
Main key visual assembled from the icon system
The Plant - Business Card Collateral Design
Business card design

UI Design Framework

The Plant - Modular UI/UX Framework Design - Atomic Design System
All modules of the the flexible UI framework

Let's Talk

Have an upcoming project? We'd love to hear about it!

Get in Touch