Fast logo

Frontend Platforms

Hosted Payment Page success message UI

A Platform for International Commerce

At Fast we created and led all of the frontend UI platforms. This included the Fast design system and the frontend internationalization set-up.

Impacts include:

  1. 0 code to fully supporting production in under a month.
  2. International support for all UI in under a month.

Scope

Design System

A Design System for Commerce

We had a month to get the design system up and running. What this involved was:

  1. Setting up documentation - this was done via Storybook UI
  2. Buttons Buttons Buttons - This design system had the heaviest focus on button styles of any design system projectwe've seen. This was because Fast's entire platform was centered around the idea of a single click checkout. The more consistent and recognizable button styles were, the more trust users had in the platform.

Internationalization

A Platform to sell around the world

Created the comprenehsive frontend internationalization platform for Fast. This included:

  1. Researching, evaluating, and implementing the best option for a one source of truth for translations - This was done via Lokalize. This was chosen because it's comprehensive integration options that included support for various frameworks and tools that the company was using.
  2. Setting up the frontend Internationalization framework - This was done via react-i18n
  3. Ensuring internationalization was part of the design review process. - This invovled using Lokalize's Figma plugin to pull strings from Lokalize directly into the Figma design files
  4. Setting up the process for translating backend messages - This was done by storing keys in the backend and then translating them via the frontend.