Software Used:
Adobe XD
Designed in Adobe XD, this UI/UX study explores a modern real estate website for Southern Hills with a focus on accessibility, responsive layouts, and intuitive navigation. The platform streamlines property discovery while supporting lead generation through a client-centered user experience.
The discovery phase established the website’s scope, audience, and business goals through key client questions around navigation, property visibility, and revenue opportunities. These insights guided the design strategy, ensuring an approachable platform that supports both buyers, renters, and lead generation.
Phase 2 — Research & Exploration
Establishing a Visual Direction
Before designing the interface, I gathered inspiration from leading real estate platforms to identify common interaction patterns and user expectations. The mood board focused on clean layouts, intuitive search functionality, card-based property listings, and simple iconography that would make browsing feel familiar and approachable.
Early hand-drawn wireframes were then used to rapidly explore page hierarchy, navigation, and overall user flow before investing time in higher-fidelity designs.
Final Prototypes
Interactive Experience
The final prototypes demonstrate the complete experience across desktop and mobile, showcasing how users can search for homes, explore listings, connect with agents, and navigate the platform through realistic interactions.
Phase 3 — Wireframing & Prototyping
Bringing the Experience to Life
The approved concepts were translated into interactive wireframes using Adobe XD, allowing the entire user journey to be tested before development. The prototype simulates desktop and mobile experiences, search functionality, property browsing, listing detail pages, agent profiles, and contact workflows.
Design decisions throughout the project emphasized clear information hierarchy, accessibility, and reducing friction for first-time home buyers.