Ground up, atomic design system
What
Full atomic design system and redesign of Standard Chartered’s global website.
Why
Having worked with Standard Chartered for several years, they contacted us to redesign their Global website to ensure a diverse and broad user set was properly catered for.
How
- Interviews with 46 stakeholders across the business
- Analysis of qualitative and quantitative data
- Identification of multiple user groups and specific functionality
- Detailed findings and recommendations report
- 4-day design sprint to identify and resolve hurdles and blockers
- Resolution through ideation, prototyping and testing
- Developer hand-off
- Delivery of in-depth, global design system
This project started with a series of stakeholder and user interviews, and questionnaires designed to inform the direction of the new SC global website. Over the course of 5 weeks, the team and I spoke to 46 individuals with the specific objective of determining the overall purpose of the new website, who the desired users were, what they were there to do and what success would look like once the site was delivered.
Rough, I know, but pen and paper are always my go to starting point.
Design sprint, which I facilitated, with global stakeholders.
Test, iterate, test, iterate.
Homepage design.
Various designs and mockups. We all love a mockup, right.
Page designs.
Off canvas carousel to deliver stats and key info.
Sample components from the design system.