← All workWork / 03 — Andreas Dalitis & SonsNext case →

CASE 03 · UI/UX & DIGITAL PRODUCT DESIGN

Andreas Dalitis & Sons

One website for three audiences: homebuyers, investors and businesses — and a reason to trust a new development.

ROLE
UI/UX Designer
TEAM
Absolute Websites
TIMELINE
4 weeks · 2026
SCOPE
UX · IA · UI · Responsive
TOOLS
Figma · FigJam
LIVE
andreasdalitis.com.cy ↗
# Home — Desktop1440 × 900

01 — PROBLEM

The audience is wide: homebuyers, investors and businesses looking for commercial space. A buyer wants to see what is for sale now, an investor wants proof of past projects, a business wants to know if the company can build for them. The site had to answer all three without clutter.

How might we help each visitor find what is relevant to them quickly, and turn interest in a development into an enquiry?

02 — RESEARCH

04Cyprus developers reviewed
03Audience groups defined
05Journey stages mapped
07Services restructured

Main finding: visitors look for a specific development first and read about the company second. Trust comes from finished buildings, not long text.

03 — AUDIENCE

Who the site is for, what each group needs, and the page that answers it.

H

Homebuyers

“What can I buy now, and where?”

NEEDS

Available homes, locations and a quick way to ask.

→ For sale

I

Investors

“Have their buildings held value?”

NEEDS

Track record and long-term value.

→ Completed projects

B

Businesses

“Can they build what we need?”

NEEDS

Experience with commercial buildings.

→ Services

04 — JOURNEY MAP

What a visitor does, thinks and struggles with at each step, and the design decision that answers it.

ArriveFindTrustCompareEnquire
EMOTION
STAGEArriveFindTrustCompareEnquire
DOINGLands on the homepageLooks for what is on saleChecks finished buildingsReads services or a projectFills in the form
THINKING“Is this a serious developer?”“What is available now?”“Do they finish what they start?”“Is this right for me?”“Will the right person reply?”
PAIN POINTLong company text before any projectDevelopments buried in menusNo proof of past qualitySeven services in long paragraphsGeneric form, slow replies
DESIGN RESPONSEFacts bar: since 1983, family-led“Now Selling” right after the heroCompleted projects on the homepageServices slider: title and one-line summary first“Project type” field for sales
  1. 01 Arrive

    DOING

    Lands on the homepage

    THINKING

    “Is this a serious developer?”

    PAIN POINT

    Long company text before any project

    DESIGN RESPONSE

    Facts bar: since 1983, family-led

  2. 02 Find

    DOING

    Looks for what is on sale

    THINKING

    “What is available now?”

    PAIN POINT

    Developments buried in menus

    DESIGN RESPONSE

    “Now Selling” right after the hero

  3. 03 Trust

    DOING

    Checks finished buildings

    THINKING

    “Do they finish what they start?”

    PAIN POINT

    No proof of past quality

    DESIGN RESPONSE

    Completed projects on the homepage

  4. 04 Compare

    DOING

    Reads services or a project

    THINKING

    “Is this right for me?”

    PAIN POINT

    Seven services in long paragraphs

    DESIGN RESPONSE

    Services slider: title and one-line summary first

  5. 05 Enquire

    DOING

    Fills in the form

    THINKING

    “Will the right person reply?”

    PAIN POINT

    Generic form, slow replies

    DESIGN RESPONSE

    “Project type” field for sales

05 — HYPOTHESES

Five hypotheses, each with its own metric. Drawn as variants of one component: same structure, different bet.

❖ Hypothesis

  1. H1

    The development for sale right after the hero brings more buyers to its page.

    METRICClicks on “View Project”
    High impact
  2. H2

    Completed projects on the homepage build trust in new developments.

    METRICViews of completed project pages
    High impact
  3. H3

    Key facts in short form make 40 years of experience clear at a glance.

    METRICScroll depth past the stats bar
    Medium impact
  4. H4

    An “Enquire Now” button in the header increases enquiries from any page.

    METRICEnquiries per 100 visits
    High impact
  5. H5

    A “Project type” field helps the sales team reply faster.

    METRICShare of enquiries with a project type
    Medium impact

06 — PRIORITISATION

Each hypothesis placed by expected impact and the effort to build it. The development for sale and the Enquire Now button went first; completed projects were a big bet, as each needed its own page.

QUICK WINS
BIG BETS
NICE TO HAVE
LATER
IMPACT ↑EFFORT →H1The development for sale right after t…H2Completed projects on the homepage bui…H3Key facts in short form make 40 years …H4An “Enquire Now” button in the header …H5A “Project type” field helps the sales…
  1. H1The development for sale right after the hero brings more buyers to its page.
  2. H2Completed projects on the homepage build trust in new developments.
  3. H3Key facts in short form make 40 years of experience clear at a glance.
  4. H4An “Enquire Now” button in the header increases enquiries from any page.
  5. H5A “Project type” field helps the sales team reply faster.

07 — VISITOR FLOW

The main paths through the site, including where visitors split.

Who is visiting?
Homepage
Development for sale
Project page
Completed projects
About
Services
Enquiry form
buyerinvestorbusiness
Who is visiting?
Homepage
Development for sale
Project page
Completed projects
About
Services
Enquiry form
buyerinvestorbusiness

08 — SITEMAP

Information architecture agreed with the client before wireframes.

Home
  • About
  • Projects
    • Anotera Central · now selling
    • Lefkothea Park · sold
    • Lefkothea Residence · sold
  • Services
    • 7 services, a section on Home
  • Contact
    • Enquiry form
    • Direct contacts & map
    • FAQ

09 — WIREFRAMES TO UI

Low-fidelity layout first, agreed with the client, then the final interface.

#  Wireframe
#  Final UI
Andreas Dalitis & Sons final UI

10 — SOLUTION

Andreas Dalitis & Sons solution screens 112
Andreas Dalitis & Sons solution screens 234
  1. 1

    Hero & stats bar

    “Building with integrity since 1983” plus short facts instead of a paragraph.

  2. 2

    Now Selling

    Anotera Central right after the intro, with a direct link to the project.

  3. 3

    Completed projects

    Lefkothea Park and Lefkothea Residence as proof of finished work.

  4. 4

    Services slider

    Seven services shown one at a time: a title, a one-line summary and a photo, with a 01/07 counter.

  5. 5

    Enquiry form

    Name, email, phone, project type and message, with direct contacts, a map and answers to common questions.

  6. 6

    Trade-off

    One featured development keeps focus; all others live on the Projects page.

11 — SCREENS

Key screens on desktop and mobile.

# Home — Desktop1440 × 900
Home — Desktop
# Projects — Desktop
Projects — Desktop
# Project page — Desktop
Project page — Desktop
# Mobile — Home
Mobile — Home
# Mobile — For sale
Mobile — For sale
# Mobile — Project page
Mobile — Project page
# Mobile — Enquiry form
Mobile — Enquiry form

12 — WHAT WE MEASURE

Each hypothesis is tied to one event on the live site. Targets are set once the first month of data gives a baseline.

STAGEHYP.METRICHOW IT’S TRACKEDTARGET
FindH1Clicks on “View Project” for the development for saleClick event on the Now Selling cardBaseline after launch
TrustH2Views of completed project pagesPage views on Lefkothea Park and ResidenceBaseline after launch
TrustH3Scroll depth past the stats barScroll-depth event on the homepageBaseline after launch
EnquireH4Enquiries per 100 visitsClicks on Enquire Now and form submitsBaseline after launch
EnquireH5Share of enquiries with a project typeProject type value on each submissionBaseline after launch

13 — RESULTS

Validated before build

Reviewed with the client at wireframe stage and with the agency before development, then checked on desktop, tablet and mobile. After launch, clicks on developments for sale, enquiries per visit and the share of enquiries with a project type are tracked.

What I would do next

When one site serves buyers, investors and businesses, the order of sections matters more than the number of pages. Next: filters by property type and location, availability and price ranges, Greek and Russian versions.

NEXT CASE — 04Thallo Building