WebsiteWeb development62

DEVEX landing page: real estate market investing

A paid-traffic landing page for an investment project: a returns calculator, company slider, lead form and pop-up, and a separate mobile hero.

Project at a glance

Project: DEVEX; investing in construction company stocks
Type: Paid-traffic landing; + 2 legal pages
Home page: 8 sections; from offer to a footer with a risk warning
Lead capture: Form + pop-up; field validation and data-processing consent
Interactive: Calculator and slider; the slider supports swipe
Stack: HTML + SCSS + JS; no frameworks, responsive

Context and task

DEVEX offers a way to profit from the real estate market through construction and developer stocks rather than buying flats. For paid traffic it needed a landing page that explains the format in plain words, compares it with classic property investing and collects requests for a project presentation.

DEVEX landing page: hero with a lead form — Screenshot 1 — hero with a lead form

How we built it

The lead form is already on the hero, and the page then moves from comparing investment options to specific companies and a calculator. On mobile the hero is built separately so the form is visible without scrolling.

DEVEX landing page: investment options — Screenshot 2 — investment options

Page structure

Hero: the offer, two trust facts and a presentation request form.
A comparison of 4 ways to invest in real estate with the pros and cons of each.
“How it works” and a company slider with descriptions and share performance.
Format benefits, a calculator, work stages and a footer with legal pages and a risk warning.

Interactive elements

The calculator updates as soon as an amount and term are picked, the company slider works with arrows and swipe, and buttons across the page open a pop-up form. It is all plain JavaScript with no libraries, so the page stays light.

DEVEX landing page: company slider — Screenshot 3 — company slider

Under the hood

Markup in HTML and SCSS with a modular structure (variables, mixins, components, layout), responsive for phones and tablets. Forms check the name and phone and won’t submit without data-processing consent. Separate Privacy Policy and Terms of Use pages are included.

DEVEX landing page: lead pop-up — Screenshot 5 — lead pop-up

Summary

The project got a lightweight ad landing page that explains a complex investment format, lets visitors estimate results and collects leads from any section — on desktop and on phones.