Overview
Offerpad is an ibuying realtor solution, built on making the home buying and selling experience, fast, efficient, and more enjoyable, through the use of digital technology.
Challenge
As Offerpad continued to grow, so did their inconsistencies from product to product. This has also led to the constant reworking of already established solutions and increased time to design.
Solution
A new design system that design and engineering can leverage for faster development and design. As well as a systems to establish a the maturity of the design system.
Approach
Component Inventory
To begin this project I took an inventory of the different products and components. This helped me understand what inconsistencies we were experiencing with our components.
Approach
Designing foundational components
We had a large set of components we needed to build, so I started with the most foundational pieces that most of our components could be built with.
Approach
Building out more efficient design and engineering processes
One of Offerpad's biggest struggles since there was never an established design system, was lack of process around how and when our components got built. I created a system that kept track of components that were in backlog, in need of engineering, and also in review by design to quality control the designs.
Approach
Creating a source of truth
As we began to develop a rhythm between engineering and design, I built out a single source of truth that we both teams could come to for specs and usage. We didn't have a website that we could rely on for this so I set up a Adobe XD prototype that could navigated similar to a website.
Final Design and Impact
In the end, I was able to establish a design system that created cohesion and consistency among our products. This led to faster build times and less guess work for design and engineering.
Time: 5 months
Company:Everfi
Team:
Overview
Impact Edge is a social impact storytelling platform. It aims to help businesses better understand and communicate their social impact. The Charity page is designed to give a more in-depth view of their charity impact.