Portfolio

Portfolio

Zego

Zego needed a fresh product vision to help them scale their on-demand insurance product. We helped to build a north star design to unify their user experience and a design system to support the transition.

Highlights from the features and interactions in the new design.

Highlights from the features and interactions in the new design.

Highlights from the features and interactions in the new design.

+15%

A 15% conversion uplift in completed applications.

+15%

A 15% conversion uplift in completed applications.

£14m

Increase in annual revenue based on the early conversion data.

£14m

Increase in annual revenue based on the early conversion data.

+40%

Huge efficiency gains for designers and developers

+40%

Huge efficiency gains for designers and developers

Design Process

Design Process

Design Process

We boiled the compliance and business requirements for the app and website user journeys down to their essential elements and mapped the information architecture, and user flows for various scenarios.

We boiled the compliance and business requirements for the app and website user journeys down to their essential elements and mapped the information architecture, and user flows for various scenarios.

We boiled the compliance and business requirements for the app and website user journeys down to their essential elements and mapped the information architecture, and user flows for various scenarios.

Shorthand User flow example
Shorthand User flow example
Shorthand User flow example

Shorthand User Flow Example

Once we had sign-off on the concepts, we built wireframes and began testing these flows with the internal team and then anonymous user groups remotely. We iterated ideas and flows until we’d checked off every deliverable.

Once we had sign-off on the concepts, we built wireframes and began testing these flows with the internal team and then anonymous user groups remotely. We iterated ideas and flows until we’d checked off every deliverable.

Once we had sign-off on the concepts, we built wireframes and began testing these flows with the internal team and then anonymous user groups remotely. We iterated ideas and flows until we’d checked off every deliverable.

Wireframes for the user flows

In parallel, we built the core structure of the UI design components that would go on to form the beginning of the Zego design system. This gave us the opportunity to address the consistency across the products we designed and move into high fidelity developer-ready designs very quickly.

In parallel, we built the core structure of the UI design components that would go on to form the beginning of the Zego design system. This gave us the opportunity to address the consistency across the products we designed and move into high fidelity developer-ready designs very quickly.

In parallel, we built the core structure of the UI design components that would go on to form the beginning of the Zego design system. This gave us the opportunity to address the consistency across the products we designed and move into high fidelity developer-ready designs very quickly.

Quote Onboarding

Quote Onboarding

Quote Onboarding

The quote onboarding process now caters for all customer, vehicle and policy types. The complex decision tree drives the experience in a conversational way that makes the form filling process feel faster.

The quote onboarding process now caters for all customer, vehicle and policy types. The complex decision tree drives the experience in a conversational way that makes the form filling process feel faster.

The quote onboarding process now caters for all customer, vehicle and policy types. The complex decision tree drives the experience in a conversational way that makes the form filling process feel faster.

Quote UI Designs
Quote UI Designs
Quote UI Designs

Zego App

Zego App

Zego App

The native app flows includes comprehensive designs for auth, dashboard states, process flows for topping up a preloaded balance, viewing and downloading documents, chat, and a self help guide.

The native app flows includes comprehensive designs for auth, dashboard states, process flows for topping up a preloaded balance, viewing and downloading documents, chat, and a self help guide.

The native app flows includes comprehensive designs for auth, dashboard states, process flows for topping up a preloaded balance, viewing and downloading documents, chat, and a self help guide.

authentication and Password Reset UI Designs
authentication and Password Reset UI Designs
authentication and Password Reset UI Designs
Dashboard and App feature UI Designs
Dashboard and App feature UI Designs
Dashboard and App feature UI Designs
Customer Support and Chat UI Designs
Customer Support and Chat UI Designs
Customer Support and Chat UI Designs

Design System

Design System

Design System

We built an atomic design system in Figma to help Zego iterate fast and scale up smoothly across different platforms. Working side by side with the Zego team, we fine-tuned the system to fit their brand while making sure it was user-friendly for engineers.

To keep the system in good shape over time, we set up some straightforward procedures and held training and design workshops to get everyone on board and comfortable with their new tools.

We built an atomic design system in Figma to help Zego iterate fast and scale up smoothly across different platforms. Working side by side with the Zego team, we fine-tuned the system to fit their brand while making sure it was user-friendly for engineers.

To keep the system in good shape over time, we set up some straightforward procedures and held training and design workshops to get everyone on board and comfortable with their new tools.

We built an atomic design system in Figma to help Zego iterate fast and scale up smoothly across different platforms. Working side by side with the Zego team, we fine-tuned the system to fit their brand while making sure it was user-friendly for engineers.

To keep the system in good shape over time, we set up some straightforward procedures and held training and design workshops to get everyone on board and comfortable with their new tools.

iOS notifcation design
iOS notifcation design
design system atomic component design
design system atomic component design
design system atomic component design
typography design
typography design
typography design
colour design
colour design
colour design
gradient design
gradient design
gradient design
design system documentation
design system documentation

Impact

Impact

Impact

We worked with the data team to run some A/B tests, validating some of the core concepts of our designs. Very quickly, we found that our approach was responsible for a conversion uplift of 15%. Coupled with an efficiency gain in the product team, the numbers are impressive.

We worked with the data team to run some A/B tests, validating some of the core concepts of our designs. Very quickly, we found that our approach was responsible for a conversion uplift of 15%. Coupled with an efficiency gain in the product team, the numbers are impressive.

We worked with the data team to run some A/B tests, validating some of the core concepts of our designs. Very quickly, we found that our approach was responsible for a conversion uplift of 15%. Coupled with an efficiency gain in the product team, the numbers are impressive.

+15%

A 15% conversion uplift in completed applications.

+15%

A 15% conversion uplift in completed applications.

£14m

Increase in annual revenue based on the early conversion data.

£14m

Increase in annual revenue based on the early conversion data.

+40%

Huge efficiency gains for designers and developers

+40%

Huge efficiency gains for designers and developers

Conclusion

Conclusion

Conclusion

Even established design teams need help sometimes. Especially when try to scale. The pressure to keep delivering means projects like this are often left ignored. Having us own the design of the design system and user flows frees up the team for their day to day work. Once the tools are ready the team transitions to using the systems in place.

Even established design teams need help sometimes. Especially when try to scale. The pressure to keep delivering means projects like this are often left ignored. Having us own the design of the design system and user flows frees up the team for their day to day work. Once the tools are ready the team transitions to using the systems in place.

Even established design teams need help sometimes. Especially when try to scale. The pressure to keep delivering means projects like this are often left ignored. Having us own the design of the design system and user flows frees up the team for their day to day work. Once the tools are ready the team transitions to using the systems in place.

Benny Zuffolini

Benny Zuffolini

Head of Design and UX

I’m super happy, it’s great and it’s in line with all the stuff we wanted!

Benny Zuffolini

Benny Zuffolini

Head of Design and UX

I’m super happy, it’s great and it’s in line with all the stuff we wanted!

Benny Zuffolini

Benny Zuffolini

Head of Design and UX

I’m super happy, it’s great and it’s in line with all the stuff we wanted!

Benny Zuffolini

Kyrsten McKartney

Lead Product Designer

...there's enough work here to keep us sustained for years and the design system stuff is incredible. We’ve already seen a benefit, it’s already sped us up significantly.

Benny Zuffolini

Kyrsten McKartney

Lead Product Designer

...there's enough work here to keep us sustained for years and the design system stuff is incredible. We’ve already seen a benefit, it’s already sped us up significantly.

Benny Zuffolini

Kyrsten McKartney

Lead Product Designer

...there's enough work here to keep us sustained for years and the design system stuff is incredible. We’ve already seen a benefit, it’s already sped us up significantly.

Benny Zuffolini

Alix Lauzon

Product Manager

Thank you for the support with the onboarding flow - it’s been really useful. We’re now in a place where it’s all been shipped to have a look at user research and really test that flow. Brilliant!

Benny Zuffolini

Alix Lauzon

Product Manager

Thank you for the support with the onboarding flow - it’s been really useful. We’re now in a place where it’s all been shipped to have a look at user research and really test that flow. Brilliant!

Benny Zuffolini

Alix Lauzon

Product Manager

Thank you for the support with the onboarding flow - it’s been really useful. We’re now in a place where it’s all been shipped to have a look at user research and really test that flow. Brilliant!

Benny Zuffolini

Vicky Wells

Chief Technology Officer

Thanks for the walk through, It looks fantastic!

Benny Zuffolini

Vicky Wells

Chief Technology Officer

Thanks for the walk through, It looks fantastic!

Benny Zuffolini

Vicky Wells

Chief Technology Officer

Thanks for the walk through, It looks fantastic!

Hear about new tools, services, and events

Join 138 other product teams.

By subscribing you agree to our privacy policy

© Darkside Design Ltd. All rights reserved

Made with 🤍 on 🌎 Earth

Hear about new tools, services, and events

Join 138 other product teams.

By subscribing you agree to our privacy policy

© Darkside Design Ltd. All rights reserved

Made with 🤍 on 🌎 Earth

Hear about new tools, services, and events

Join 138 other product teams.

By subscribing you agree to our privacy policy

© Darkside Design Ltd. All rights reserved

Made with 🤍 on 🌎 Earth