Platform88

Brand, website and redesign
Build and Scale Consumer ProductsShanghai, China
Desktop
Tablet
Mobile

About Platform88

Client and Project

Platform88 helps consumer product startups get from an idea to a product on the shelf: design and engineering, manufacturing in its own and partner factories, and the logistics and sales channels after that. It started in Shanghai and now runs nine factories across China, Cambodia, India and Thailand, for crowdfunded brands such as Hidrate, Stojo, Firebox and Masontops.

platform88.com home page, 2020 redesign, first screen
9Factories in China, Cambodia, India and Thailand
2015First brand and website
2020Redesign, still live today
14Pages wireframed for the redesign
23Icons in the 48px service set

My Responsibilities

Brand, web and build

Five years with one client, from the first logo and website to the redesign that is still live.

Brand identity

The diamond mark and wordmark, color and type.

Website 2015

The first site, built around the Build and Scale methods.

Print and presentations

The WeChat party invitation and the sales decks for three hubs.

UX 2020

Concept directions, a new sitemap and wireframes for 14 pages.

UI and design system

Gotham type scale, components and a 48px icon set.

WordPress

Theme, Elementor build and launch of the redesigned site.

Brand Identity

Logo, color and type

A diamond mark beside the Platform88 wordmark, in one confident blue. The mark also works alone, as the favicon and the short form, and the same blue runs through both websites, the hub decks and the invitation.

Color palette

P88 Blue#008ACD  ·  Accent, buttons, links and icons
Ink#181819  ·  Type and dark bands
Slate#69727D  ·  Secondary text
Ghost#F8F8FF  ·  Page ground

Typography, Gotham

Display specimen: FACTORIES in Gotham Black, outlined

Display  ·  Gotham Black, outlined, 120, uppercase

Headline specimen: Nine Factories. Four Countries.

Headline  ·  Gotham Book with Bold keywords, 46 / 54

Title specimen: Our Clients

Title  ·  Gotham Medium, 46

Subtitle specimen: Build Method, in P88 Blue

Subtitle  ·  Gotham Medium, 30, P88 Blue

Lead specimen: A team of industry experts inspired by startups

Lead  ·  Gotham Book, 24

Body specimen sentence

Body  ·  Gotham Book, 16

Button specimen: Learn more, white on P88 Blue

Button  ·  Gotham Bold, 17, radius 8

Iconography, 48px service icons

Industry experts
Merchandising hubs
Small batch manufacturing
IP protection
Product certification
Product extensions
Sales channels
Order financing
Freight and logistics
Chinese market
Factories
Sustainability

Website 2015

The Build and Scale methods

The first site explained what Platform88 does in two words, Build and Scale, gave each its own page of services, introduced the team, and asked visitors to start with a short project form.

platform88.com home page, 2015, first screen
2015 home page, full length

Home page

2015 Build Method page, full length

Build Method

2015 Scale Method page, full length

Scale Method

2015 About us page, full length

About us

2015 Get Started page with the project form, full length

Get Started

Print and Presentations

Invitation and hub decks

The annual appreciation party invitation for WeChat, in English and Chinese, and a sales deck for each hub in Hangzhou, Yangjiang and Yuyao, with its product categories, factory resources and case studies.

WeChat invitation to the Platform88 annual appreciation party, January 2016, in English and Chinese

WeChat invitation, January 2016

Hangzhou hub deck cover

Hangzhou hub deck

Yangjiang hub deck cover

Yangjiang hub deck

Yuyao hub deck cover

Yuyao hub deck

Deck page: brands and retailers Platform88 works with

Brands and retailers

Deck page: crowdfunding challenges

Crowdfunding challenges

Deck page: production resources

Production resources

Deck page: case study, Stojo

Case study, Stojo

Deck page: case study, BBQ Dragon

Case study, BBQ Dragon

Redesign 2020

From concepts to wireframes

Five years on, Platform88 had grown into a network of factories in several countries and the old site could not show it. The redesign started with concept directions, then a new sitemap and wireframes for all 14 pages before any visual design.

Website concepts, Round 3, July 2020

Concept, home slider 1: four factories and 1,200 workers

Home slider 1

Four factories and 1,200 workers, leading with the manufacturing story.

Concept, home slider 2 with the sub-menu open

Home slider 2 and sub-menu

Planet88 links to the sustainability page; About us and Our work open a small drop-down.

Concept, full home page, full length

Full home page

Build, Scale and Planet88 blocks, then Our Core, customers and factory audits.

Wireframes

Wireframe of the home page, full length

Wireframe, Home

Wireframe of the Build page, full length

Wireframe, Build

Wireframe of the Factories page, full length

Wireframe, Factories

Sitemap

Information architecture

Fourteen pages in five groups. The two methods stay at the top, factories and clients each get a listing and a detail template, and the company pages carry the team, partners and sustainability.

platform88.com
Methods
  • Build
  • Scale
Factories
  • Factories listing
  • Factory page
Clients
  • Clients listing
  • Client page
Company
  • Team
  • Partnerships
  • Sustainability
Resources
  • Contact
  • Documents
  • Blog
  • Post

Home Page

Desktop view, 2020

The home page leads with the network, factories in several countries, then the Build and Scale methods, client stories, the factories and sustainability, and ends on one clear invitation to start a project. Shown here in full, top to bottom across three columns.The window below scrolls through the full page.

platform88.com home page, first third: hero, methods and clients
platform88.com home page, second third: factories and sustainability
platform88.com home page, last third: partnerships, contact and footer
platform88.com home page, full length

Inside Pages

Methods, factories, clients and company

Each method page lists its services with an icon and a photograph. Factory and client pages share one template each, so a new factory or case study is added in WordPress without new design work.

Build Method page, full length

Build

Scale Method page, full length

Scale

Factories listing page, full length

Factories

Factory page, full length

Factory page

Clients listing page, full length

Clients

Client page, full length

Client page

Team page, full length

Team

Partnerships page, full length

Partnerships

Sustainability page, full length

Sustainability

Responsive Design

Mobile version

On a phone the angled hero, the method icons and the client cards stack into one column, and the menu opens as a full list of the site.

platform88.com on a phone, home page hero
Build Method on a phone

Build Method

Our clients on a phone

Our clients

Factories on a phone

Factories

Sustainability on a phone

Sustainability

Contact on a phone

Contact

Navigation menu on a phone

Navigation menu

What Platform88 gained

Outcomes across five years

Two websites, one brand. What the client got from keeping one designer from the first logo to the redesign that is still running.

One brand from 2015 to today

The diamond mark and the blue carry the first site, the WeChat invitation, the hub decks and the redesign.

A website that grew with the company

From five pages about two methods in 2015 to fourteen pages that show the factories, clients, partners and sustainability.

New content without new design

Factory and client pages share templates in WordPress and Elementor, so the team adds a factory or a case study themselves.

Sales material for every hub

Three hub decks in one format, each with its own product categories, factory resources and case studies.

Built to last

The 2020 redesign is still live today, now showing nine factories in four countries.

In collaboration with Vuk Dragović and Obrad Šuša

platform88.com

Thank you!

Have a project in mind?

Let's
talk