Independent Realtor Website Example, Austin: Jordan Ellis | Zenlyx

Jordan Ellis Real Estate. A responsive website for one independent Austin realtor. Fictional portfolio concept, designed and built by Zenlyx Studio. A desktop monitor shows the homepage: Your first Austin home, without the guesswork.

Overview: One agent, one clear next step for everyone. Client: Jordan Ellis Real Estate, Austin TX, fictional concept. Role: UX/UI design and front-end build. Tools: Figma, Next.js, Vercel. Delivered: 7 pages, 12 input states, live site.

Problem and solution: Solving real problems for one independent agent. Problem 01: visitors see photos and a phone number, but not why to pick this agent or what to do next. Problem 02: buyers and sellers need different things, but most agent sites send both down the same page. Solution 01: every page ends at one clear next step, a viewing form beside the price and a valuation form after the process. Solution 02: the homepage splits buyers, sellers and relocators in the first scroll, and each path has its own page.

Lean UX: Think, make, check, then think again. 01 Assume: buyers want a fitting home fast, sellers want a price they can trust, both want to know who they deal with. 02 Hypothesize: clear paths and a form on every listing will turn more visitors into inquiries. 03 Build MVP: 7 pages live on Vercel with 8 sample listings, 4 neighborhoods and working forms. 04 Learn: not tested yet; next loop is analytics on 3 hypotheses and a 5-person task test.

Proto-personas: Two visitors, two different reasons to call. Design hypotheses from the project brief, not yet validated with users. Emily Carter, buyer, 31, Austin: looking for her first home; primary action, schedule a viewing. Michael Turner, seller, 46, Austin: thinking about selling; primary action, request a valuation.

Hypotheses: We believe three changes will earn a call. 01: splitting buyers, sellers and relocators on the homepage gets each visitor to the right page faster; we'll know when most visitors click a path card in their first scroll. 02: a viewing form beside every listing's price brings more viewing requests; we'll know when more requests come from listing pages than from Contact. 03: explaining the 3-day valuation before the form gets more sellers to finish it; we'll know when the completion rate goes up.

User flow: Three paths, each ending at a form. From the homepage, Buy leads through Homes for Sale, filters and property detail to a scheduled viewing, with close matches when there are no results. Sell leads through how valuation works to the valuation form, showing errors and keeping entries when fields are invalid. About leads to the contact form. Neighborhoods leads through area detail to homes in that area.

Visual design, desktop website: Designing a short path from listing to call. Six screens: the homepage splits buyers, sellers and relocators in the first scroll; Homes for Sale filters by price, beds and area; an empty search shows close matches, not a dead end; on the property page the viewing form sits beside the price; sellers see how the valuation works before the form asks for an address; contact form errors are listed at the top and by each field, and entries stay put.

Laptop mockup of the About Jordan page: I'd rather lose a sale than rush your decision.

Style guide: A quiet system so the homes carry the color. Typeface Urbanist in Light, Regular and SemiBold. Colors: Ink #1F2420 for text and headers, Pine #2F5D4A for primary actions, Brass #B7791F for status and accents, Sage #9CC2B0 for tints and hover, Sand #F6F3EE for the page background. Components: buttons, inputs and property cards.

The result: Shipped, live, and honest about what comes next. 7 pages live, 8 sample listings, 4 neighborhoods, 3 forms with validation. Not measured yet: the site has no real traffic, so there are no conversion numbers. Next loop: analytics on the 3 hypotheses and a 5-person task test.

Thanks for being here today. A desktop monitor shows the 2214 Cedar Ave property page with its photo gallery.

Available for new projects

Want a site like this? Contact Zenlyx Studio

Tell us about your business and we’ll reply within one business day with a clear next step.

Start a Project See More Work