Building a scalable app to transform selling homes
Upstix has a mission to simplify and speed up the complex process of selling your home. We transformed their managed service by building a web app that offers speed, a guaranteed price, and live updates with an instant offer. Our partnership delivered fast iteration and grew leads significantly with a new website.
Services
Strategy
UX/UI Design
Product Design
Development
Authentication
Database Infrastructure
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d0ffda9175120aedc7_Upstix%20Img-16.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d0248c13628786d25f_Upstix%20Img-1.webp)
Sell your home the new way
Upstix wanted to increase the volume of properties that could be sold through their unique product, but the high-touch managed service was restricting their growth. We designed and engineered a fully automated web application that takes users from qualification to valuation, and then provides an instant offer on their property.
The traditional approach to selling a home is extremely complex and opaque. Our product design goal was to prioritise ease and speed, to reduce the steps that are required. This allowed users to go from getting an instant valuation, to an offer, while having transparency of the whole process. We leveraged their proprietary data to deliver valuable property insights to users, enabling them to make an informed decision to sell their home.
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d094a37ef6b5066564_Upstix%20Img-8.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d09374b0f4f22080eb_Upstix%20Img-9.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/66968b9a7e4684f9de3596ff_Upstix%20img%20(2).webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680cf1a9c18515051daa3_Upstix%20Img-11.webp)
The architecture of the site was designed around quick iterations. UPSTIX is rapidly changing their positioning, so we needed to build an app that could match their speed of innovation while still establishing a stable foundation for future developments. The entire application is built using the JavaScript framework Nuxt.js. Nuxt allows us to have both a backend and a frontend in the same codebase, which are tightly integrated.
UPSTIX's original flow required users to input all their information into a form, and then the company would call them back. We developed a new way of asking users for this information: Social Auth (sign in with Google, Facebook, or Apple) which led to a significant increase in sign-ups. We delivered this integration rapidly with a Supabase integration.
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d0d1b53193daa396b0_Upstix%20Img-10.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680cfca887ba3eb4df8d0_Upstix%20Img-12.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680cf47b6ba4ca07b877a_Upstix%20Img-13.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/66968266b5a7c3fd27f2dc82_Upstix%20Img%20(1).jpg)
“&above embraces the scale-up challenge... and integrated with our marketing and technical team driving a significant uplift in performance.”
Fred Jones,
COO at Upstix
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d1dcf7f1cf4e39473c_Upstix%20Img-2.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680cfe6b6af133a91bb84_Upstix%20Img-14.webp)
We ensured the site maximised accessibility which had a positive impact on the majority of users visiting on mobile devices. To expedite this development phase, we utilised shadcn/ui, which leverages Radix, this is becoming the standard for accessible component development.
Instead of Google Maps, which is costly to scale, we opted for MapBox which supports distance data using their navigation solution, and a GL JS Map rendering engine. We customised their implementation to include UPSTIX’s branding in the UI.
Instead of Google Maps, which is costly to scale, we opted for MapBox which supports distance data using their navigation solution, and a GL JS Map rendering engine. We customised their implementation to include UPSTIX’s branding in the UI.
Digesting information from an external API can be challenging to enable type safety, as the expected outcome is often unknown. To address this, we implemented Zod, which allows the application to know what it expects to receive and how to handle that information. This makes building error-catching more specific to the endpoints.
The results:
78%
reduction in
operation costs
operation costs
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d0596d20aa344229f6_Upstix%20Img-3.jpg)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d1e87fa747ecc1f2f3_Upstix%20Img.webp)
We created a new website that elevated the Upstix identity with a consistent design system and human imagery. With no existing brand assets, we used AI to generate a library of consistent images that reduced roll-out time of the website to under a month.
Upstix A/B tested the new brand imagery through digital ads, and it outperformed the existing creatives by 32%.
Using Webflow, we created a scalable and high performing site with templates for content creation, and product pages based on audience.
Using Webflow, we created a scalable and high performing site with templates for content creation, and product pages based on audience.
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d02de65d7ad9506a3a_Upstix%20Img-5.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d094a37ef6b5066539_Upstix%20Img-4.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d0c4d01ad0fbdf5433_Upstix%20Img-6.webp)
![](https://cdn.prod.website-files.com/65aa55278cdfe2ff417a71ff/669680d035a1d8d23dc2d029_Upstix%20Img-7.webp)
The results:
7x
increase in monthly
lead volume
lead volume