Daf & Jo
A property website that introduces the company, explains its services and makes the next conversation easy to find.
- Sector
- Property · Real estate
- Scope
- UI/UX Design · Website Design · Website Development
Property in Abuja, handled properly.
Property in Abuja, handled properly.
Daf & Jo presents real estate services in Abuja, from buying and selling to valuation, management, development and site services. The website needs to communicate the range without making every visitor read through every service.
The supplied website is organised around four public pages: home, about, services and contact. The presentation follows that structure and shows how a strong visual opening gives way to specific service information and a clear enquiry route.
- 01
Establish the company
Introduce the location and service offer with a recognisable visual identity.
- 02
Explain the work
Separate buying and selling, valuation, management and development into readable groups.
- 03
Make contact straightforward
Carry enquiry actions through the navigation and service content.
From the property need to the right conversation.
The home page introduces the firm. The service page explains the available work, the company page adds context and the contact page gives the visitor a direct way to continue.
- 01
Arrive
A property-led home page
- 02
Recognise
Abuja and the company offer
- 03
Explore
Four service groups
- 04
Understand
The company approach
- 05
Contact
An enquiry with context
An introduction with a sense of place.
Large property imagery, light display typography and a floating pill navigation give the opening its character. The brand palette stays restrained so the service proposition remains readable over the image.
- 01
A concise proposition
The opening identifies the work and location without a long introduction.
- 02
Visible navigation
The floating header connects the four public sections.
- 03
A practical next step
Service and contact actions carry the visitor beyond the visual opening.
Different property needs deserve distinct explanations.
The services page divides the offer into buying and selling, valuation and appraisals, property and facility management, and development and site services. Each section gives a visitor a relevant place to begin.
- 01
A scan-friendly structure
Service headings separate the work before the supporting paragraphs.
- 02
Images with a role
Supporting property illustrations give each service context.
- 03
Connected enquiries
The visitor can move into contact after reading the relevant service information.
A restrained identity around the property.
The original website uses Poppins across display and reading text, with weight and scale creating the hierarchy. Navy provides structure; gold adds emphasis; cream gives the longer service sections a warmer reading surface.
Property.
Handled properly.
Daf & Jo navy
Brand, navigation and strong surfaces
Gold
Actions and details
Cream
Reading surfaces and separation
A generous desktop layout, with a clear mobile sequence.
The original static frontend provides responsive image variants and a narrow-screen menu. Text and images stack for mobile, with contact actions still available after the service information. The preview runs that same HTML, CSS and JavaScript.
Reading orderContent follows the task in a vertical sequence.
Working spaceControls keep their own room on the smaller canvas.
Brand recognitionThe identity carries across both screen sizes.
Explore the original interface.
Choose a view and a screen size. The embedded interface reflows and responds to your actions.
A focused public site with a direct enquiry route.
The presentation retains the supplied website’s four-page frontend. Internal navigation works within the preview; the live link opens the real project. The contact endpoint is excluded so a portfolio interaction cannot send an enquiry.
- 01
Four public pages
Home, company, services and contact form a compact information architecture.
- 02
Responsive assets
Original WebP illustrations include smaller image variants.
- 03
Source-faithful presentation
The supplied layouts, Poppins typography, navigation and brand colours remain intact.
- UI/UX Design
- Website Design
- Website Development
- Responsive interface layouts
- Original brand and product assets
Previews use the original supplied static website and brand assets. The supplied property imagery is illustrative, including AI-generated images; it does not represent verified listings or completed developments. The enquiry form does not send from this presentation.
A clear view of the company, and the work it can handle.
Digital design & development · Gradatim Concept
Let’s build your next digital experience
