Triconna
Phase 1 · v2 — reconciled with the user-journey PDF and the reference UI

Design system + Home Page, second pass.

Your journey PDF changed the navigation and added a purchase flow the home page has to open; the reference screenshots changed the visual language. Both are now in. v1 is preserved as a separate file for comparison.

01 What the source materials changed
From the journey PDF

Navigation is fixed: Home · Properties · About Us · Services · Blog · Contact Us · Make Payment. Payment is a top-level destination, not a buried step — so it gets a permanent place in the header and a home-page entry point.

Every property carries three actions — Book inspection, Download FAQ, Make payment — and payment is gated on “have you completed inspection for this property?”. The home page now teaches that sequence instead of hiding it until checkout.

Also captured for later pages: plot-level selection from available plots only, price computed from plots × property, onboarding form with realtor name and uploads, gateway hand-off, success/failure states, and proof-of-payment via email or WhatsApp.

From the reference UI

The principles I extracted: full-bleed photography with a hard dark scrim; very large tight headlines where one phrase carries the accent colour; whole sections flooded with a single flat accent; small wide-tracked technical labels; numbered section markers; pill buttons and circular arrow controls; hairline rules doing the work shadows usually do.

Reinterpreted through the brand book: the accent flood is Lawn Green (a brand colour, used at section scale rather than as trim), the dark bands are Ever Green, and every headline is Helvetica Neue Medium, left aligned, sentence case. No copy, claim or layout was lifted.

Two deviations I need signed off

Uppercase micro-labels. The reference's technical labels are what give it its character, but the brand book lists all-caps as misuse. I've allowed uppercase only at 11–12px for eyebrows, nav and meta — never a headline or a sentence — set in Helvetica Neue with wide tracking rather than a second typeface.

Lawn Green at section scale. The book treats it as a sparing accent. Used as a full-bleed panel it becomes a structural colour. It appears exactly twice on the page, and never behind body copy at small sizes.

Still outstanding: photography, approved copy, and the numbers behind the impact row — testimonials, estate count and years operating are cleared to show, so those slots exist and are marked † until you fill them.

02 System additions in this pass Foundations from v1 stand — colour roles, 4px spacing, radius family, grid
Label / eyebrow · meta · nav
Featured properties
Obio/Akpor, Rivers
Properties
11–12px, tracking .14em, medium. Three colour roles only: brand, primary, muted.
Two-tone headline
Land you can
stand on.
Accent falls on the final clause only. On light: Forest Green. On dark: Lawn Green. Never mid-sentence, never more than one accent per headline.
Controls
Find a property ↗
← → ↗
Pill buttons carry an arrow when they leave the page. Circular 48px controls for carousels and card entry.
Card / property
[Area, state]†
[Property]†
From ₦[ ]†↗
Honeydew card body distinguishes it from page and from dark bands. Same component serves Properties listing and Blog.
03 The purchase journey, as the PDF defines it Home Page must open steps 1–3 and never let a user reach payment cold
01 Properties
Listing → property detail. Three actions on every property.
02 Inspection
Book a visit. Required before payment can proceed. Links out to a Google Form or Calendly — every “Book an inspection” control on the page points there.
03 Property FAQ
Per-property download; shows the allocated plots.
04 Select plots
Available plots only. Total = plots × property price.
05 Onboarding
Details, realtor name, uploads, confirmation.
06 Payment
Gateway → success (receipt + mail) or failure (reason, retry, complain). Proof of payment by email or WhatsApp.
Home Page consequence: “Make Payment” sits in the header as the PDF requires, but on the page itself it is presented third in a three-step strip — inspect, read the FAQ, then pay — so the gate is understood before it is enforced.
04Home Page — desktop, 1440Content area 1280 · † marks temporary or unverified content
Now selling in [location]†/ Verified plots. Clear documentation./ 5 active estates/ Inspections every week/ Payment plans available†/ Discover the difference/ Over 300 clients served/ Land · estates · investment/
Now selling in [location]†/ Verified plots. Clear documentation./ 5 active estates/ Inspections every week/ Payment plans available†/ Discover the difference/ Over 300 clients served/ Land · estates · investment/
Triconna Become a realtor ↗
[Primary location]† · Nigeria

Own land you
can stand on.

Verified plots, documentation you can read, and a team that stays reachable after the papers are signed. Ownership should be a possibility for many, not a privilege for a few.

Explore properties ↗ Book an inspection ↓
01 — 04
The Triconna standard
Verified plots.
Clear documents.
Lasting value.
How we verify↗
01 — Our record

Real estate done right.

We market and sell property, develop underused land, manage estates after handover and advise investors — one company accountable for the whole chain.

5
Active estates
3+
Years operating
{{ clientsLabel }}
Clients served
4
Service lines
02 — How buying works

See it. Read it.
Then pay for it.

Payment opens only after you've inspected the property — our sequence, not a formality. Every property carries its own FAQ and plot allocation.

Step 01↗
Book an inspection

Choose a property and a date. Walk the land, see the beacons and the access road before anything is signed.

Book a visit
Step 02↓
Download the FAQ

Each property has its own document: title status, allocated plots, payment terms and what happens after purchase.

Get the document
Step 03↗
Make payment

Select your plots, complete onboarding and pay through the gateway. You get a receipt by email and a confirmation from us.

Requires a completed inspection
Discover the
difference
03 — About Triconna

Building people,
building dreams.

Triconna is a Nigerian real estate company working across marketing and sales, development services, facility management and investment consultation. We take underdeveloped land and turn it into places people are glad to own.

Our ambition is to become Africa's largest real estate conglomerate. The daily work is more ordinary than that: answer the question, show the site, produce the document.

About us ↗ Our services
04 — What drives us

Trust is the whole product.

Land is bought on belief. Everything we do is designed to make that belief verifiable rather than requested.

01Establish trustTitles, surveys and allocations shown before payment, not after.
02Add valueRoads, drainage and cleared sites — development you can see on the visit.
03Customer obsessionOne team reachable from first enquiry through handover and beyond.
04Problem solverIf something goes wrong after purchase, it is still ours to fix.
05 — Featured properties

Land with visible progress.

Photographed as the site actually looks on the day you would visit — roads, beacons, neighbouring development.

←→
[Area, state]†
[Property name]†
[One line on the site]†
From ₦[ ]†↗
[Area, state]†
[Property name]†
[One line on the site]†
From ₦[ ]†↗
[Area, state]†
[Property name]†
[One line on the site]†
From ₦[ ]†↗
All properties ↗
06 — Our services

We don't stop at the sale.

01Marketing & sales↗
02Development services↗
03Facility management↗
04Investment consultation↗
Why choose Triconna ↗
07 — TARP · Triconna Association of Realtors Platform

Become a profitable realtor with Triconna.

TARP is our realtor network. You sell verified properties with the documentation already in place — training, marketing material and a named contact on our team come with it.

Get started ↗Full detail, requirements and sign-up on the TARP page.
01Sell properties with verified titles and clear paperwork
02Marketing material and a named contact on our sales team
03Commission tracked against every deal you close†
08 — Client words
“[Two or three sentences in the client's own words — the site visit, the documents, the follow-up.]”†
[Client name]†
[Property, year]†
←→
Common questions
Do I have to inspect before paying?−

Yes. Payment opens once an inspection is recorded for that property — and if you've come from a property page, we ask you directly. [Confirm exact wording.]†

How do I know which plots are available?+
What payment methods can I use?+
My transfer failed — what now?+
Where do I send proof of payment?+
Contact us ↗
09 — Start here

When integrity matters, choose Triconna.

Book an inspection for a property you're considering, or talk to us first. Either way, you see the land before you decide.

Book an inspection ↗ Make a payment ↗
Already inspected a property? Payment takes about five minutes.
05Home Page — mobile, 390Persistent action bar carries the two journey entry points · 48px targets
Now selling in [location]†/Verified plots. Clear documentation./5 active estates/Over 300 clients served/
Now selling in [location]†/Verified plots. Clear documentation./5 active estates/Over 300 clients served/
[Primary location]† · Nigeria

Own land you can stand on.

Verified plots, documents you can read, a team that stays reachable.

Explore properties ↗
The Triconna standard
Verified plots. Clear documents. Lasting value.
01 — Our record

Real estate done right.

We market and sell property, develop underused land, manage estates after handover and advise investors — one company accountable for the whole chain.

5
Active estates
3+
Years operating
300+
Clients served
4
Service lines
02 — How buying works

See it. Read it. Then pay.

Step 01
Book an inspection
↗
Step 02
Download the FAQ
↓
Step 03
Make payment
Requires a completed inspection
↗
03 — About Triconna

Building people, building dreams.

We work across marketing and sales, development services, facility management and investment consultation — taking underdeveloped land and turning it into places people are glad to own.

About us ↗
04 — What drives us

Trust is the whole product.

01Establish trust
02Add value
03Customer obsession
04Problem solver
05 — Featured properties
[Area, state]†
[Property name]†
From ₦[ ]†↗
Swipe
06 — Our services

We don't stop at the sale.

01Marketing & sales↗
02Development services↗
03Facility management↗
04Investment consultation↗
07 — TARP · Realtors platform

Become a profitable realtor with Triconna.

TARP is our realtor network. You sell verified properties with the documentation already in place — training, marketing material and a named contact on our team come with it.

01Sell properties with verified titles and clear paperwork
02Marketing material and a named contact on our sales team
03Commission tracked against every deal you close†
Get started ↗
08 — Client words
“[Two or three sentences in the client's own words — the site visit, the documents, the follow-up.]”†
[Client name]†
[Property, year]†
Common questions
Do I have to inspect before paying?−

Yes. Payment opens once an inspection is recorded for that property. [Confirm exact wording.]†

Which plots are available?+
Where do I send proof of payment?+
09 — Start here

When integrity matters, choose Triconna.

Book an inspection ↗
Triconna
Explore+
Buying+
Become a realtor (TARP)+
Contact+
© 2026 Triconna Real Estate
Book inspection Make payment
Triconna
Menu
Home Properties About us Services Blog Contact us
Make payment ↗
[Phone]† · [WhatsApp]†
Legend & next steps
† marks temporary copy or a number I don't have. Estate count, years operating and testimonials have slots ready — send the figures and they fill in. Nothing else is invented: no plots-sold count, no returns, no awards, no locations. Every image is a live drop target.
Sign off on the two deviations in section 01, then tell me which page is Phase 2. Based on your PDF I'd argue for Properties → property detail next, since it carries the three-action pattern and the plot selector that the whole payment flow depends on.