GETSURANCE
![Ella Glover Design Freelance Getsurance UX Berlin](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/61d6b09cd1ed3f7db8c13712_Getsurance_UX_Cover.jpg)
Role
In-house designer
Industry
InsurTech, Startup
During my tenure at Getsurance, I launched products and web applications from scratch, built and maintained the entire overarching design system, and constantly iterated on designs to improve the customer experience. Below is a deeper look into how I solve design problems.
ui library
![Ella Glover Design Freelance Design System Designer Berlin Getsurance](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f575eabf31f74190cd83379_01_UI-library-overview.gif)
The first steps to developing the design system was to take an inventory of what exists, what is missing and systematically work through these while testing as I delivered. I started with the foundations of the system, typography, colours and spacing. Which then filter down to the rest of the components and compounds - also known as Atomic Design. This is not a new concept, however it is crucial for a robust user interface library.
Tools
Sketch
InVision
Zeplin
![Ella Glover Design Freelance Icon UI Getsurance Berlin Insurance](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f5668759aee42f8f3f93a8d_ui_icons.png)
Custom product icons
![Ella Glover Design Freelance Product Berlin Interaction Designer Insurance](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f48fecaeaac9cb9bde09578_transparent_1600x1600.gif)
Interactive pricing slider to customise coverage
![Ella Glover Design Freelance Design System Insurance Berlin](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f47880581ed300c5925cd41_Component_Library.jpg)
Component overview for two insurance products
hand off
![Ella Glover Design Freelance Design System Insurtech Berlin](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f566876d3c9d83377d7190f_ui_intro.jpg)
Understanding how a web application is built is key to ensuring designs are communicated and implemented successfully. I collaborate closely with the dev team to understand the nuances of our technology, so that right from inception, the designs are technically feasible. This also makes handover and QA more efficient.
Tools
Sketch
InVision
Zeplin
![Ella Glover Design Freelance Responsive Design Getsurance Berlin Insurance](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f578bf94b151f1142168a24_transparent_3200x1600.gif)
Thorough consideration for the responsive wizard navigation
![Ella Glover Design Freelance Design System Insurance Getsurance Berlin](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f575fc86775f6179ccb7739_handover_intro.jpg)
Meticulous documentation for front end handover
prototyping
![Ella Glover Design Freelance Prototype Berlin Insurance](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f579d01db50c73399cbdb49_claims_intro.jpg)
Prototyping is an integral part of my design process and in this example I was able to simulate the claims workflow and gain stakeholder approval. The module has now been launched, and was so successful we replicated for cancellations. In doing so, we were able to stem the flow of cancellations by 33%.
Tools
Figma
Sketch
Anima
![Ella Glover Design Freelance Userflows Insurance Berlin](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f579d01b77733bddfb83047_claims_screens.jpg)
Static screens of the claims workflow
![Ella Glover Design Freelance Getsurance Berlin Interaction](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f48fecaeaac9cb9bde09578_transparent_1600x1600.gif)
A prototype simulating the interaction of the claims area
testing
![Ella Glover Design Freelance Prototype User Testing Berlin Getsurance](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f57ac8b63fbeb52c9447537_Protoype_intro.jpg)
Testing can, and should, always be done at any stage. Prototypes are the perfect vehicle to test before needing any technical implementation. Below explores multiple approaches of the checkout whilst in its infantile stage. And once products or features have launched, continuing with small A/B tests of more granular but high impact improvements.
Tools
Figma
UnBounce
Hotjar
![Ella Glover Design Freelance](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f57b2484d83d198ee9c2c6a_A-B-test.jpg)
![Ella Glover Design Freelance Testing UI A/ Testing Getsurance Berlin](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f57abcde815a065d7b7a0de_Exploration.gif)
Six different approaches for the same product variables
launch
![Ella Glover Design Freelance Getsurance Website Launch](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f4774805d4c1f595e419bc9_Website_Intro.jpg)
I have launched multiple projects from scratch within my company. The latest one being a migration of the website to a new CMS. It involved collating and streamlining components, defining new breakpoints. This was informed by our data we've collected on users devices, as well as meeting Google’s page speed requirements.
Tools
Figma
Zeplin
![Ella Glover Design Freelance Design System Insurance Getsurance](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f578f636d81a47888433fcc_module.jpg)
![Ella Glover Design Freelance Contentful Migration Design System Getsurance](https://cdn.prod.website-files.com/5f25234bd9b79a4672e1294d/5f48fecaeaac9cb9bde09578_transparent_1600x1600.gif)
Dissection of the homepage, as part of the website launch
It’s rare that you come across a designer who is both creative and efficient. Soon after I hired Ella for my insurance startup, we would understand each other effortlessly.
Getsurance // Insurtech Entrepreneur