Back to selected work
Live client work

BBA Real Estate

A live real estate website and identity designed to present property expertise clearly and make direct enquiries easy.

BBA Real Estate homepage, property and investment management website.
BBA Real Estate homepage at the mobile reference viewport.
Hand-coded build · Real estate website and identity

At a glance

Status
Live client work
Project year
2026
Project duration
8 weeks
Rivenhall role
Identity · Interface design · Front-end implementation
Named deliverables
Investment positioning · Portfolio presentation · Enquiry path
Audience
Property owners and investors evaluating a relationship-led real-estate business.
Constraints
No front-end framework · No page-builder dependency
Team / collaborators
Rivenhall: identity, interface design and front-end implementation
Client responsibilities
Property portfolio content and imagery · Investment proposition inputs · Legal copy and consolidated approvals
Success criteria
Make the proposition credible · Keep portfolio proof legible · Keep enquiry reachable
Result
Live client website at bbarealestate.me
Before
The business lacked one authored digital flagship for its proposition, portfolio and enquiry journey.
After
A dependency-light, hand-coded website with a clear investment narrative and persistent enquiry path.
Before / after source
Narrative replace with approved before/after evidence.
Client comment
The finished site presents the business with the level of confidence we needed and makes it straightforward for serious prospects to enquire. Client representative
Proof note
Authored HTML, CSS and JavaScript client build and owner confirmation · The owner confirmed BBA Real Estate as live client work and supplied the production domain.

Current production testMobile 93 · Desktop 98Tested 20 August 2026 · Lighthouse 12 · Chrome · production URL · simulated mobile and desktop

Brief overview

BBA Real Estate is a live property and investment website, hand-coded without a page builder or theme and designed around a direct route to enquiry.

Problem & opportunity

Many property sites depend on heavy themes and gallery plugins. This client build uses a leaner presentation for a relationship-driven business.

Strategy & structure

Position the firm around trust and portfolio proof, with the enquiry flow reachable from every section.

Design system

A composed, confident layout that lets property imagery breathe, with a restrained palette suited to investment clients.

Interaction details

Scroll treatment
Desktop progress is expressed as a property-elevator motif while the underlying page movement remains direct and predictable.
Navigation behaviour
The progress control supports dragging, track seeking and keyboard operation while staying synchronised with the page.
Responsive decisions
Touch and smaller-screen contexts return to a simpler native scroll treatment instead of carrying the desktop device across.
Accessibility fallback
Native scrolling remains available for touch, no-script and forced-colour contexts.

Decision path

Enquiry journey

Investment proposition to direct conversation

The client website reduces the experience to the evidence a relationship-led property buyer needs: a credible proposition, legible portfolio material and a visible route to enquire.

  1. Position

    Investment proposition

    Lead with the property and investment management offer rather than platform features.

  2. Evidence

    Portfolio presentation

    Let project imagery and investment framing carry the proof without a heavy gallery system.

  3. Access

    Persistent enquiry path

    Keep the route to a conversation reachable throughout the website.

  4. Build

    Dependency-light implementation

    Deliver the authored flow in HTML, CSS and JavaScript without a page builder or front-end framework.

Record note · The website is live. No conversion or commercial performance result is claimed without retained evidence.

Selected screens

BBA Real Estate homepage, property and investment management website.
Homepage · desktop
BBA Real Estate homepage at the mobile reference viewport.
Homepage · mobile

Campaign & Creative

BBA Real Estate branded property and investment visual.
Property direction · private brief
BBA Real Estate blue-hour property campaign continuation.
Campaign continuation · residence
BBA Real Estate architectural-detail creative.
Brand application · architectural detail
View all BBA Real Estate creative work

The full page

Desktop
Mobile viewport • 430 × 932

Scroll inside each frame to inspect the full page.

Technical implementation

Hand-coded HTML, CSS and JavaScript with no front-end framework or page-builder dependency.

Outcome

The hand-coded client website is live at bbarealestate.me. No measured commercial result is claimed.

Reflection

A dependency-light build preserves visual control and reduces platform-specific upkeep.

Next caseTudé FragranceA live Shopify storefront for a handcrafted Pakistani perfume house, translating bespoke HTML designs into maintainable Liquid sections with a mobile-focused delivery pass.Brand identity and ecommerce · Live client work
Back to top