Swell
A fresh documentation site for building e-commerce sites with Swell
Brief
Swell is a headless ecommerce platform that helps self-starting entrepreneurs build complex commerce experiences. We were asked to create a fresh documentation site with a new design language to accompany Swell's new brand direction to empower developers and agencies to power their e-commerce sites with Swell.
Role
Designer, working closely with two co-founders, two developers, and a technical writer.
Company
Sanctuary Computer
Before vs After: Streamlining dense information
Previously, documentation on Swell is limited and disorganized. The first task our team completed was a comprehensive audit of existing materials and those from competitors.
Content structure & wireframes
Design System & Component Library
I created a fresh, warm, and friendly visual language using Swell’s typography and expanding on their new brand elements. I created designs for each section in both light and dark mode, prioritizing consistency across components and digital accessibility.
Search & connected content
Our search experience balances speed and exploration to help developers quickly find what they need while encouraging users to discover new content, built with the best open-source search and analytics options avaliable.
Mobile Navigation
The two-tier navigation on desktop is collapsed, with an breadcrumb added for easy navigation.