All work

A clinic is trusted because it is a building. A telemedicine app has to earn that in a scroll: the full F4C counselling experience, designed in Figma and handed over for development.

Client
F4CFirst 4 Counselling
Industry
HealthTech, telemedicineOnline counselling and therapy
Deliverables
UX/UI design, app and websiteFigma · design system · handover
Engagement
CompletedHanded over for development
F4C, First 4 Counselling: the brand and a video consultation on a phone

The brief

Credibility is the conversion mechanic.

F4C is a telemedicine platform for counselling, a category where the first job of the interface is convincing someone that real care happens here. Telemedicine asks people to accept that without a waiting room, a building or a physical handshake.

Every reassurance a clinic gets free from existing in a place has to be constructed on a screen. A layout that reads as a startup landing page undermines the proposition; one that reads as an insurance form kills it a different way. The brief was the whole experience, from finding a counsellor to talking to them between sessions, and the same standard had to hold on every screen.

HealthTechTelemedicineUX/UI designFigma
Three F4C screens: chat, home and counsellor profile
Home, appointments and the counsellor profile on three phones
The resources feed, on two phones

What we developed

Practitioners and process, before persuasion.

Credibility as a design system rather than a brand attribute applied on top. The information architecture front-loads the substance: who the counsellors are, what they specialise in, how a session works and what it costs, instead of saving it for a sub-page.

A restrained visual language, developed to survive the scrutiny of someone deciding whether to trust their mental health to a screen, and every screen given a clear onward path so that interest converts while it lasts.

01FindSearch by need, format and location, with enhanced search for the specifics.
02BookA counsellor profile that answers the real questions, then one tap to an appointment.
03TalkChat between sessions, with read receipts and day dividers that keep the thread calm.
04ReadA resources feed by topic, so a client keeps learning between appointments.
Quick search: in-person or remote, city and country
A counsellor profile with booking and free consultation
Chat with a counsellor between sessions

What shipped

One system, every screen.

The complete app and website design delivered in Figma and handed over for development: search, counsellor profiles, booking, dashboard, chat and resources on one design system. One of seven healthcare engagements in the portfolio.

6Core flows designed, search to chat
1Design system across app and website
FigmaDelivered and handed over
7Healthcare engagements in the portfolio
Every reassurance a clinic gets free from being a building has to be constructed on a screen.
The design principleF4C
Principletrust before persuasion
The F4C home screen on a phone
The F4C home screen, top to bottom
Home. The next appointment, featured counsellors and specialists by need. Hover or tap to scroll
A counsellor profile, top to bottom
Counsellor. Qualifications, approach and availability, then book or request a free consultation. Hover or tap to scroll
The resources feed, top to bottom
Resources. Articles and webinars by topic, from addiction to autism. Hover or tap to scroll
Quick search
Search. In-person or remote, city and country, or the enhanced search for specifics. Hover or tap to scroll
The counsellor dashboard
Dashboard. Profile visits, appointments, feedback and clients for the practitioner side. Hover or tap to scroll
Chat with a counsellor
Chat. Messages between sessions, with read receipts and day dividers. Hover or tap to scroll

Got something like this to develop?

A product where trust is the whole conversion, or a healthcare experience that has to hold together across app and web. Either way, it starts with a call.

AusFreight Solutions

Next case study

AusFreight Solutions

Freight between Australia and India, explained to two audiences at once.

Read the case study