Services
- →Prototyping and UX wireframing
- →SEO copywriting
- →UI design
- →HTML/CSS markup
- →Front-end development (animations, sliders, interactive map)
- →CMS integration on MOD-X Revolution
- →Content management setup for the client
Deliverables
- ✓Single-page landing with 9 content sections
- ✓Animated hero, scroll-triggered effects, and interactive sliders
- ✓Lead capture form with callback request flow
- ✓Custom interactive map with office geolocation
- ✓Certificates and reviews sliders with lightbox
- ✓SEO-optimised copy written from scratch
- ✓Fully editable via MOD-X Revolution CMS
Client Journey
- First impression. A visitor lands on the page and is immediately greeted by a bold animated hero with the agency tagline — "Your personal real estate broker" — set against a dark cityscape. The brand shield instills authority from the first second.
- Company story. Scrolling reveals a concise "About" section outlining the agency's history and values. The client builds trust before evaluating the offer.
- Understanding the advantages. Four illustrated benefit blocks explain what sets the agency apart: experience, transparent pricing, individual approach, and fast turnaround. Each block is scannable in under five seconds.
- Exploring services. A dedicated services section with animated cards covers property sales, purchases, and consultation. Each card includes a short description and a call-to-action that opens the lead form.
- How it works. A numbered four-step process section ("How we work") removes ambiguity — the client knows exactly what happens after submitting a request.
- Proof of credibility. Certificates and licenses are displayed in a slider with lightbox zoom. Real documents visible on the screen close the final objection before the client reaches for the phone.
- Social proof. A reviews slider with real client testimonials provides peer validation at the moment when the visitor is deciding whether to call or leave.
- Converting the intent. The contacts section combines a callback form (name + phone, one tap on mobile), a custom interactive map pinned to the office address, and full contact details — eliminating every possible friction point between intent and action.
- Sticky bottom CTA. A persistent "Still have questions?" bar with a phone number and a callback button follows the visitor through the entire page, capturing late-scroll intent without interrupting the reading flow.
Before & After
| Before | After |
|---|---|
| ✗ No web presence — all new clients came from word-of-mouth only | ✓ Landing page captures search and referral traffic 24/7 |
| ✗ Potential clients could not verify credentials online | ✓ Licenses and certificates displayed in an interactive slider with zoom |
| ✗ Callback requests required calling the office directly | ✓ One-tap lead form delivers requests to the agency without a phone call |
| ✗ No map — clients had to ask for directions separately | ✓ Custom interactive map pinned to the office, embedded on the page |
| ✗ Reviews existed only verbally — no social proof at the decision moment | ✓ Testimonial slider presents real client reviews before the contact section |
| ✗ Static content, zero interactivity — high bounce rate | ✓ Animated sections, sliders, and micro-interactions reduce bounce and increase scroll depth |
Metrics
1 page
complete funnel from hero to callback form
9 sections
covering every objection before the CTA
2019
delivered on MOD-X Revolution CMS
4 steps
"How we work" process — zero ambiguity for new clients
Custom map
office pinned with interactive geolocation
Full SEO
copy written and optimised from scratch
Page Layout
Full page layout — click to zoom
Open for contract collaboration
I am available for contract-based collaboration. If you have an interesting project idea, schedule a call via Calendly.
Schedule a 30-min call