Wehomes
Design your home,
get an estimate,
and schedule a contractor

Role
UX/UI, Visual Design
Tools
Adobe XD, Sketch, Figma
Duration
Oct 2019 - March 2020

Hero Image Design - Photoshop

UX/UI
Customize your home
Wehomes's core concept was an interior design simulation workspace where users can customize their homes and get an estimate simultaneously. Wehomes's end goal was to lead users to quote page and connect users to a contractor.  Only one color was used for consistency and for the customizing experience to stand out. 

Web UX/UI Flow - XD

Web Interaction - XD


Mobile Landing Page 
Interior in your hand
Although Wehomes started with web-based product, the users had more access to mobile device than desktop.  Scroll-based animations were implemented to mobile page interface to deliver existing contents from the web into a smaller page and for engaging experience.  The initial hi-fi prototype was created with Sketch but animated prototype was created using XD  by sectioning motions into different artboards and applying drag and time-triggered motion.

Mobile UI Animation - Sketch, XD, Figma

↑Back to Top