Design Systems & Libraries

Design System Management

•

Figma Libraries

•

Component optimisations

•

Team Lead

•

Strategy

•

Contribution process

•

Documentation

•

Road maps

•

Workshops

•

Design System Management • Figma Libraries • Component optimisations • Team Lead • Strategy • Contribution process • Documentation • Road maps • Workshops •

Outcomes and Impact

Design Discovery of Alpha, Beta and MVP - involving a 5-week intensive war-room discovery to establish Beta which superseded Alpha’s cross-pod disparity - established for the 1st time was programme alignment.
Visual leadership across a political multi-agency setup. Demonstrated strong leadership in a competitive environment.
Translated discovery designs & concepts into the delivery design component library and design toolkits, this includes evolving the library through the phase of vision (Alpha, Beta and MVP).
Created Toolkits which doubled up as design documentation intended to be easily shared and digested. This optimised the outputs best-fit for the Bank’s restrictive environment.
Central Governance duties within a multi-agency setup - fostering collaboration with stakeholders. Governing consistency and holistic patterns across 10 different design pods each pushing for their ‘own’ styling approach.
Design System training for designers, conducting masterclasses for library users and creators, onboarding and ramping up to ensure maximum uptake of the DS.
Collaborated with engineers and product management to build a successful discovery-delivery-build component process. This joined our JIRA boards for a continuous and transparent work funnel between departments.
Established design/code parity with Solidify - the coded depository - and the design toolkits, and the processes to keep them aligned.
Recrutiment and interviews.
Conducting workshops, presentations and stakeholder management.

**Tesco**

I was the UI Lead for Tesco’s important business transformation process - consolidating 3 applications, *Groceries*, *Clubcard* and *PayPlus* - into a single app, plus the discovery of omnichannel opportunities to see where online and real-world shopping can align. I also consulted the business on scaling their Design System, provided DS training for key staff and implemented a DS strategy deck to gain senior stakeholder buy-in.

**UI Design Lead**
• Co-lead design with other UX Lead Designer.
• 6+ designers, mixture of internal and agency.
• Was curated as a specialist Product team to drive innovation and consolidation.

Outcomes and Impact

I helped develop the programme’s existing app Design System, scaling its coverage from one initial app/team to multiple applications, platforms and global teams. Providing expertise to help gain buy-in from key stakeholders.
Crafted a Design System Blueprint document which helped train the DS staff to scale the operations.
Led and implemented programme workflows and processes which attained credible cost-savings for the business.
Collaborated with multiple departments to initiate positive change.
Lead UI and interaction/motion design direction and produced designs for regular User testing rounds.
Collaborated with UX lead on strategy and design thinking activities, heavily influencing approaches.
Helped craft discovery and vision work which won investment from the stakeholder group.
Designed the in-store omnichannel opportunities namely the in-store shopping list and loyalty integrations.

Optimising Processes

Making these Tablet Guidesline’s to replace the Tablet design outputs handover for builds saved Tesco 1,000s hours in wasted efforts creating real-cost savings for the business

**The London Stock Exchange**
(via Fearless)

*LSEG* is the *London Stock Exchange Group*
— a world-leading global financial markets infrastructure and data provider. I was part of the LSEG Design System Central Governance team called *Halo,* supplying Design System outputs and governance to over 70 designers worldwide.
**UI Design Lead**
• Central governance team of 8
• Supporting 70 designers worldwide

Outcomes and Impact

Library guardian leading the Figma libraries’ management. Library analysis of the previous version led to optimising the library to Figma’s current best practice at the time. After the relaunch of the optimised library and file structure, we gained confidence in our approach leading to fewer components being detached inside Design files, also the rate of contribution enquiries steadily increased month-on-month during my tenure which led to more stakeholders adopting our processes and more demand for clinic time.
Consultant for senior management on scaling and growing the DS into a multi-product and multi-brand ecosystem.
Developed LSEG’s libraries, protocols, culture and practices.
Presentations and workshops building cross-department collaboration.
Contribution model consultation, implementation and governance.
Assisted in the Design token strategy and design-code parity with Engineers, helping them deliver a white-label depository for the wider global business to utilise.
Design system portal and documentation consultation.
Team training and designer mentorship led to increased onboarding times and quicker ramping up of new joiners.
Drop-in clinics and stakeholder presentations - clearly demonstrating new ideas and processes across a global team.

Video summary of a mid-sprint internal review, showcasing some of the points I made from the initial Library analysis at LSEG when I first joined. The Figma Library was in an early switch-over state from Sketch and needed Figma optimisation to best practices at the time.

More details to come…

**BlackRock** — iShares (via UsTwo)

*iShares* at *BlackRock* is the world’s leading ETF Fund investment bank and UsTwo is the agency driving the Design System Team. I was key in developing the design system, Accessibility on charts discovery, design of ESG sustainability data on the Fund Cards, components updates and documentation management.

Outcomes and Impact

Integral team member of the Design System team on iShares.
A key driver of change, processes, toolkits and culture.
Conducted extensive discovery on AA accessibility for charts and graphs which provided a mandate for developers and product.
Designed numerous components to work at scale.
Updated documentation with design outputs.
Reviewed designer’s work and raised standards in the wider team.
Provided continuous guidance and consultation for leadership.