Rebrand Preview — May 2026
Encounters Dating
A calmer, more considered way to meet genuine people.
“A better way to meet someone — properly.”
Encounters Dating is a serious dating platform for people 45+, running on the Dating Lab platform. This rebrand replaces the existing design with a considered visual identity and UX system designed to feel calm, trustworthy, and human — nothing like a swipe app.
The work covers key application pages, redesigned in HTML and CSS as production-ready templates.
What changed
Colour palette
Deep plum, muted rose, and warm cream neutrals. Orange removed entirely.
Typography
Fraunces serif paired with Nunito Sans. Body at 17px minimum for the 45+ audience.
Tone of voice
Calm, direct UK English. No urgency, no hype, no exclamation marks.
UX patterns
Inline editing, conversational search forms, chip-based multi-select.
Match system
The two-way match panel is the platform’s USP, now prominent as a primary signal.
Imagery
Warm, natural photography. People 45–75. UK settings. Square 1:1 thumbnails.
Pages in this preview
01Splash
02Home
03Profile
04Matches
05Gallery
06Search
07Advanced Search
08Subscribe
09Username Search
10Free Message
11Send Message
12Subscribe to Send
13One-liner
14One-liner picked
15Menu
16Matches page
17Connections menu
18Find menu
19Messages menu
20First Impressions
21Profile views
Each page opens on the current design. Press Show Redesign in the nav to reveal the new design alongside its commentary notes.
Use the navigation at the top right to begin
— download your edited commentary as a file to commit, making changes visible to all viewers.
## Splash — Redesign
- Headline split across three short serif lines builds rhythm before landing the emotional note — *No rush* — the exact feeling the audience is looking for
- Slim top bar removes all navigation except "Log in" — focus stays entirely on the join decision
- Sign-up card floats over the hero photo, above the fold — the conversion prompt is visible at the moment of emotional engagement
- Three trust stats (21 years / UK-based / Free to join) appear beside the photo, establishing credibility before any form is shown
- Hero photography: warm natural light, couple in their 50s outdoors — relatable and realistic, not aspirational or studio-polished
- Long-copy features section is below the fold — available for those who want to read more, without cluttering the first impression
- Plum-deep gradient behind the headline creates editorial depth without feeling like a banner ad
## Splash — Current Design
- Orange scheme creates urgency and energy — exactly the wrong tone for people seeking a calmer, more considered experience
- Hero copy is generic: interchangeable with any dating site, nothing about what makes Encounters different
- Sign-up form is not immediately visible — the conversion prompt is buried below features the visitor hasn't earned yet
- Photography skews younger than the actual member base — misleads prospective members about who they'll meet
- Multiple competing CTAs and navigation links create decision paralysis on the first screen
- Logo-only brand treatment misses the chance to establish voice and tone at the most critical moment
Redesign
## Home — Redesign
- Personalised greeting uses first name plus a plain-English summary of what's waiting — warm and human, not algorithmic
- Date in the greeting anchors the visit in real time without feeling transactional
- Profile completion strip is compact and non-shaming — percentage bar, brief field list, no blocking modal
- "Today's picks" presents five curated matches rather than an overwhelming stream — quality over quantity is a message in itself
- Two-way match score is visible on each pick card at a glance, reinforcing the platform's core differentiator on every visit
- Activity row (profile views, unread messages) is scannable and action-oriented without being alarming
- No gamification: no streaks, no achievement nudges, no artificial urgency
## Home — Current Design
- No personalised greeting — the logged-in home page is functionally identical to the matches list
- Nothing communicates what's new today — every visit feels the same
- Match cards are data-dense at rest, with photo, percentage, and multiple badges all competing for attention
- Orange CTAs throughout create a sense of urgency that undermines the platform's core promise
- Profile completion prompt is aggressive and blocking — takes over the screen rather than surfacing quietly
- The two-way match concept is not visible from the home page — the platform's strongest feature is hidden on first login
Redesign
## Profile — Redesign
- Fraunces serif in the header gives the page a warm, editorial presence from the first second
- Two-way match panel elevated to the top of the right column — the platform's USP is now unmissable
- Importance dot scale (tan through to plum-deep) communicates weight intuitively through colour and fill
- Sage tick / rose cross match-marks give instant reciprocal signal on every preference row
- Alternating cream and white section rhythm lets the eye rest naturally down the page
- Minimum 17px body type throughout — readable without squinting
- Preference fields are inline-editable — no modal drilling, no lost context
- Warm cream page background replaces clinical white — immediately more human
- Action hierarchy is clear: rose-filled message button versus outlined secondary actions
- Italic serif used for member tagline and soft explanatory moments — quiet and personal
## Profile — Current Design
- Orange colour scheme creates energy and urgency — the wrong tone entirely for a 45+ audience seeking genuine connection
- Match percentage is buried inside a dense data table with no visual prominence
- Profile photo aspect ratio is inconsistent — crops awkwardly at different screen widths
- Typography is all over the place: too many competing weights, sizes and colours
- "Add to Favourites" and "Send Message" share equal visual weight — no clear primary action
- Preference fields use Edit links that open modal overlays, interrupting the reading flow
- Importance ratings display as raw numbers (1–5) with no visual meaning
- Font sizes are too small throughout — labels and metadata in particular
- Page background is clinical white — cold and impersonal for this context
- The two-way match concept — the platform's strongest feature — is not visible at a glance
Redesign
## Matches — Redesign
- Two-column horizontal card layout gives each person generous space — they feel like people, not entries
- 160×160 square thumbnail is a consistent head-and-shoulders crop, respectful and clear
- Two-way match panel on each card makes the reciprocal score the primary signal
- Rose-filled message button versus outlined favourite — action hierarchy is immediately readable
- Dismiss (×) appears only on hover — no clutter in the resting state
- Cards without photos use a warm plum-faint gradient with a serif initial — never a grey silhouette
- Star rating includes a privacy note ("only you see this") until the user rates — then it disappears
- Inline subscribe prompt placed between card rows — never a disruptive top banner
- The page feels calm and considered — a place to browse, not to process
## Matches — Current Design
- Cards are cramped with no breathing room between them — the page feels like a list of database rows
- Profile thumbnails are too small to form any meaningful first impression of a person
- Match percentage displayed as a plain number with no context or visual weight
- Action buttons are icon-only in the card footer — not obvious, especially to less tech-savvy users
- "Remove from matches" is too prominent — creates mild anxiety with every visit
- Orange accent colour introduces urgency where none belongs
- No visual distinction between matches you have already contacted and new arrivals
- Star rating is present but completely unexplained
- Cards feel transactional rather than human
Redesign
## Gallery — Redesign
- Clean 1:1 square grid with occasional 2×2 featured tiles breaks the rhythm without disrupting it
- A soft gradient at the base of each tile shows the member's first name in italic serif — present but not intrusive
- "View profile" pill fades in on hover, centred over the photo — the image subtly zooms to 1.05× for life
- Featured tiles are distinguished by size alone — no garish borders or badges
- Filter controls sit clearly above the grid as chip-checkbox selects
- No-photo tiles use a plum-faint gradient with a serif initial — warm and considered
- Hover is the only animation — no persistent overlays cluttering the resting view
- Consistent 1:1 crop throughout eliminates the jarring size variation of the current design
- The gallery feels like a curated showcase, not a search result dump
## Gallery — Current Design
- Grid tiles are inconsistent sizes — the page feels unfinished and arbitrary
- Hover states overlay text directly on the photo in a way that obscures the face
- Filter controls are hidden behind a collapsed panel — easy to miss entirely
- No visual rhythm to the grid — the eye has no natural path to follow
- Photo captions appear as raw filenames in some cases
- "View profile" is a text link below each tile, breaking the grid layout
- Featured members have no visual distinction from standard listings
- Orange hover borders feel aggressive and out of character
- The overall impression is of a site that hasn't been designed, just built
Redesign
## Search — Redesign
- Quick search renders as a sentence the user composes: "I'd like to meet women aged 50–65 within 60 miles of PO18"
- Pill-shaped controls embedded in serif prose — conversational, not clinical
- Importance weighting uses the dot-scale selector alongside each field — visual and immediate
- Result count updates as filters change — no separate results page, no dead ends
- Chip checkboxes replace multi-select listboxes for fields with multiple options
- "Find someone" replaces "Search" — plain English throughout, no database language
- Age range is a single connected pill input — from / to presented as one thought
- Pill controls have generous tap targets — well-suited to the 45+ audience on mobile
- The form feels like a conversation, not a database query
## Search — Current Design
- The form reads as a generic data-entry grid — no personality, no warmth
- Native OS dropdown selects look inconsistent across browsers and devices
- The Search button is buried below a long list of fields — requires scrolling to find
- Fields are ordered by database column rather than what a user would naturally think about first
- "How important is this?" is presented as a raw number input — meaningless without a scale
- Results appear on a completely separate page — the form and the feedback feel disconnected
- No indication of how many results the current filters would return before submitting
- Age range uses two unconnected inputs with no visual link between them
- The page communicates nothing about the quality or nature of the platform
Redesign
## Advanced Search — Redesign
- Fields are grouped into clearly labelled sections: About them, Location, Lifestyle, Looking for
- Importance dot selector sits alongside each field — weight and value are considered together
- All copy translated to plain English: "how much this matters to you"
- Section headers use eyebrow style — small-caps rose, easy to scan and navigate
- Chip checkboxes replace multi-select listboxes for all lifestyle and preference fields
- Collapsible secondary sections keep the initial view approachable
- "Find someone" button is fixed to the page bottom — always reachable without scrolling
- Reset is separated from the primary action with clear spacing and a tertiary button style
- The overall experience is thorough but never exhausting
## Advanced Search — Current Design
- A wall of form fields with no grouping or visual hierarchy — overwhelming on first view
- All fields are given equal visual weight — the user has no sense of what matters most
- Labels use technical or formal language: "initiate contact", "criterion weighting"
- The page is extremely long with no section headers to orientate the user
- Native select elements look different on Windows, Mac, and mobile — inconsistent experience
- Importance ratings are shown as a 1–5 number scale — the meaning is not self-evident
- No way to save a search or return to previously entered criteria
- The Reset button sits too close to the Submit button — easy to hit accidentally
- The cumulative effect is exhausting rather than empowering
Redesign
## Subscribe — Redesign
- Standard plan presented first and framed as a complete, included experience — not a lesser tier
- Premium positioned as an upgrade for serious daters, not a correction of what Standard lacks
- Plum gradient band used for the recommended plan — premium feel without pressure
- No countdown timers, no "limited time" copy — the page is calm and honest throughout
- Feature descriptions in plain English: "See who viewed your profile", "Send as many messages as you like"
- Annual saving shown clearly, but the monthly option is equally accessible alongside it
- "Cancel anytime" and "no credit card required" placed contextually — not clustered into a panic strip
- Italic serif sign-off at page base: "Take your time. We'll be here."
- The page earns trust rather than demanding a decision
## Subscribe — Current Design
- Orange CTA buttons are high-pressure and feel like a discount sale site
- The Standard plan is presented as inferior — framed as "missing" Premium features
- A countdown timer on the offer creates false urgency — manipulative and out of character
- "FREE JOIN" language is wholly incongruent with a serious, considered dating platform
- Feature descriptions use jargon: "advanced algorithm matching", "priority listing"
- The annual vs monthly toggle is easy to miss — most users will not find it
- No mention of what happens at the end of a trial or how cancellation works
- The subscribe page creates anxiety rather than confidence
- It reads like a voucher site, not a platform someone could trust with their personal life
Redesign
## Username Search — Redesign
- Pill-styled search input is consistent with the Quick Search language — part of the same product
- Results display as match cards — the same component as the Matches page, immediately familiar
- Two-way match panel shown on each result card — useful information at a glance, no click-through required
- Online status indicator present on every card
- Empty state reads: "Nothing found — check the username and try again" in italic serif
- "Find by username" replaces "Member ID lookup" — plain English throughout
- Card grid layout makes results feel like a curated list, not a database response
- Action hierarchy: rose-filled message button outweighs the outlined view profile link
- The page feels like a natural part of the platform rather than a tacked-on utility
## Username Search — Current Design
- The search input is plain and unstyled — feels like a utility page, not part of a product
- Results display as a flat list: thumbnail, username, and a single action link
- No match information shown in results — the user must click through every result to learn anything
- "Send message" and "View profile" share the same button size — no hierarchy
- The blank state is a completely empty page with no guidance or encouragement
- The field label reads "Member ID" — not language any human would naturally use
- Pagination uses numbered links — fine for a database, wrong for a page about people
- No indication of whether a found member is online or active recently
- The overall impression is of a backend admin screen that was never finished
Redesign
## Free to Message — Redesign
- The page shows two states side by side: free member view (sage strip visible) and subscriber view (strip hidden) — the difference is immediately clear
- A sage italic notice strip sits between the match score and action row: "You can message Internationalthinker without subscribing" — plain English, no marketing language
- The strip uses sage green (the platform's trust colour) — it reads as a positive signal, not a sales prompt
- "Send a message" and "Favourite" replace the orange/purple icon buttons — consistent with every other card in the platform
- Two-way match panel always shown — the user has a compatibility signal before deciding whether to contact
- Wording alternatives panel explores copy options for the strip, keeping the language human throughout
- Online status shown quietly in the footer strip — same pattern as Matches and Username Search
- The feature explains itself — no jargon, no "FREE" badge needed
## Free to Message — Current Design
- "FREE Contact" uses a promotional label — "FREE" implies the normal experience is paid, creating anxiety before the interaction has started
- The feature is not explained — the user sees "FREE Contact" with no context about why this member is contactable without a subscription
- Orange and purple competing button colours with no visual hierarchy — the user must decode which action matters
- "Add to Favourites" uses title case — inconsistent with platform conventions throughout
- No two-way match panel — the user is asked to invest time contacting someone with no compatibility signal
- Star rating floats awkwardly between photo metadata and action buttons — no clear placement logic
- Photo count sits next to a "0 likes" counter — ambiguous and potentially discouraging
- Blue-grey card background feels cold and clinical — nothing here invites a considered, human response
Redesign
## Send a Message — Redesign
- The member card sits at the top of the compose page — you can see exactly who you're writing to, their match score, and online status without navigating away
- Page header reads "To Internationalthinker" — conversational, not transactional
- Sage strip carries forward from the free-to-message card: context is maintained all the way through the journey
- Textarea placeholder is italic serif and genuinely helpful: it suggests what to write, not just where to click
- Character counter ("aim for 80+") encourages a thoughtful first message without being prescriptive
- Send button stays disabled until 30 characters are typed — prevents empty or perfunctory sends
- Safety tip integrated naturally below the textarea with links to safety guides, not buried in a modal
- "Take your time — there's no rush" in the action row — brand sign-off tone carried through a functional page
- Back link returns to profile without losing context
## Send a Message — Current Design
- No context about who is being messaged — a plain compose box with no member information visible
- No character guidance — a short "Hi" is as easy to send as a considered message
- Send button is always active — nothing nudges the user towards a better first contact
- No safety tip integrated into the compose flow — safety advice exists elsewhere but not where it matters most
- The page feels like a support ticket form, not a human interaction
- No match information — the user has no reminder of why this person is worth writing to
- No "back to profile" link — the user loses their navigation context
- Transactional copy throughout — no warmth or reassurance at the moment the user is most vulnerable
Redesign
## Subscribe to Send — Redesign
- Two tabs above the compose area make the choice clear: "Write a message" (subscribers) and "Send a one-liner" (free for everyone) — the free user is never at a dead end
- The subscribe pitch sits below the tabs, not as a modal or a wall — the user can see it, understand it, and choose without feeling blocked
- Subscription pitch uses calm serif copy, not urgent or pressuring language
- Pricing is shown in context with a "See all plans" link — no hidden costs or forced click-through
- Benefits listed in the pitch are practical and honest: unread receipts, full search, and messaging anyone
- The one-liner callout within the pitch says: "Not ready to subscribe? Send a one-liner instead" — it treats the user with respect
- Member card remains visible throughout — the user never loses sight of who they're trying to contact
## Subscribe to Send — Current Design
- Free members hit a hard paywall with no alternative action — the only path is subscribe or leave
- No contextual information about who the message would go to — the member card disappears at the subscribe wall
- Subscribe prompt uses promotional language ("upgrade now") with no calm explanation of what's included
- No free-user alternative — the platform loses the interaction entirely rather than offering a lighter-touch option
- The wall appears mid-flow, after the user has already decided to contact someone — the interruption is jarring
- Pricing is not shown in context — the user must navigate away to understand what they're paying for
- The overall impression is of a locked gate rather than a considered invitation to join
Redesign
## Send a One-liner — Redesign
- A free-member alternative to a full message — the user can express genuine interest without subscribing
- One-liners are pre-written, thoughtful options rather than a blank field — lowers the barrier to a first contact
- The tab is labelled "free for everyone" so the user immediately knows this is available to them
- The member card remains visible above the compose area — context is maintained throughout
- The feature is presented as a real, valued interaction — not a consolation prize for non-subscribers
- The subscribe pitch remains accessible below as a natural next step, never pushy
- Copy throughout treats the one-liner as a meaningful gesture, not a downgrade
## Send a One-liner — Current Design
- This feature does not exist in the current platform
- Free members who want to contact someone have only two options: subscribe or do nothing
- There is no lightweight way to express interest, start a conversation, or signal availability
- The platform loses potential engagement from free members who are genuinely interested but not yet ready to pay
- The absence of this feature means free users contribute nothing to the messaging ecosystem — a missed opportunity for both sides
Redesign
## One-liner Picked — Redesign
- Once a one-liner is selected it expands to show the full text clearly before sending — no surprises
- The send button only becomes active when a one-liner is chosen — prevents empty sends
- The selected one-liner is visually confirmed with a distinct picked state so the user knows exactly what will be sent
- A brief note explains what happens next: the recipient sees the one-liner and can reply — sets realistic expectations
- The journey from "pick" to "send" is two deliberate steps — the user feels in control throughout
- The subscribe prompt below the one-liner remains accessible but is never the focus — it's a natural next step, not a demand
## One-liner Picked — Current Design
- This state does not exist in the current platform
- There is no equivalent two-step "pick then confirm" pattern for free-member contact
- The absence reflects the broader problem: the current platform treats free members as incomplete users to be converted, rather than active participants with a role in the community
Redesign
## Menu — Redesign
- The menu opens as a panel anchored beneath the nav item — it feels like a natural part of the page, not a separate screen
- The member's name and account status appear at the top, giving the panel an immediately personal feel
- A quiet subscription card replaces a hard sell — it states the benefit and price, nothing more
- Items are grouped into clear sections (Your account, Subscription, Help, About, Legal) so nothing is hard to find
- Every item has an icon, a clear label, and a chevron that only appears on hover — visual noise is kept to a minimum
- The logout button is at the bottom in a distinct zone — important but never disruptive
- The blurred overlay behind the panel keeps context visible while making the menu the clear focus
- The panel scrolls independently if there are many items — the member identity header stays pinned at the top
## Menu — Current Design
- The current menu is a plain flat list of text links with no visual grouping or hierarchy
- There is no member identity shown — the user has no sense of whose account they are in
- Items are grouped by section headings but the typography and spacing make them hard to distinguish at a glance
- No icons — the list reads as a wall of identical text with nothing to anchor the eye
- The layout uses the full page width rather than a contained panel, which feels unfocused
- Subscribe links are scattered through the list rather than surfaced as a clear opportunity
- No logout action visible without scrolling to the bottom of a long page
Redesign
## Matches — Full page
- Matches is the platform's primary destination, so clicking the nav item opens the full page — not a dropdown
- Three tabs (Two-way, Newest, One-way) give immediate access to the most useful views without a separate navigate step
- A contextual sentence below the tabs explains what the current view shows — reduces cognitive load
- The NEW badge on the tab label makes unread matches visible at a glance without a separate notification
- A verify mobile banner appears calmly above the content when needed — never alarming, easy to dismiss
- Sort control is cleanly positioned at the toolbar level — it controls the current view, not the whole page
## Matches — Current Design
- The current matches page has no tab structure — all match types are mixed in a single list
- No indication of new matches since last visit — the user must scan the entire list manually
- Sort options are inconsistent in position and labelling
- Notifications about unverified accounts appear as banners that compete with the match content
- The page header gives no context about the current view or how many matches are shown
Redesign
## Connections — Dropdown panel
- Clicking Connections opens a focused panel rather than navigating away from the current page
- Items are grouped into three clear sections: incoming activity (views, fans, photo likes), outgoing (favourites, notes, ratings), and management (blocked profiles)
- Live counts next to each item give instant orientation — the user knows what to expect before clicking through
- The "3 new fans" badge highlights new activity without competing with the surrounding content
- Personal records like my ratings and notes are surfaced here — things the current platform buries in settings
## Connections — Current Design
- The current Connections section navigates to a full page with a long flat list
- Incoming and outgoing activity is mixed without a clear grouping structure
- Counts are not shown at the navigation level — the user must navigate in to find out
- New activity indicators are inconsistent or absent
- Personal tools like notes and ratings are not accessible from the main navigation
Redesign
## Find — Dropdown panel
- The Find panel surfaces all discovery routes in one place — quick search, advanced search, username, and keyword
- "First Impressions" is featured as a distinct card at the top — it is an important differentiating feature that deserves prominence
- Browse options (online now, gallery, new members, recently updated) are grouped separately so they read differently from search
- Live count next to "Online now" gives real-time context
- The panel lets the user choose their path without committing to a full-page navigation first
## Find — Current Design
- The current Find navigation leads to a single search form — other discovery methods require deeper navigation
- Browse features like "new members" and "recently updated" are not accessible from the primary nav
- First Impressions is not prominently featured as a discovery option
- There is no way to see live online member count from the navigation
Redesign
## Messages — Dropdown panel
- The unread count appears directly in the panel header — the user knows their inbox state before opening it
- Inbox, Sent, Archived, and Deleted are accessible from the panel with current counts — no navigating to find an empty state
- One-liners received and sent are surfaced as a distinct group — they are a separate interaction type and should feel like one
- Notification preferences and blocked profiles are accessible here too, reducing the need to dig through settings
- When all counts are zero the panel still reads cleanly — no false urgency, no empty-state noise
## Messages — Current Design
- The current Messages page opens as a full page with no at-a-glance count from the navigation
- One-liners are not separated from messages — they use the same interface as full messages, which creates confusion
- Inbox management options (archived, deleted) require separate navigation
- Notification settings for messages are only accessible through the account settings area
- An empty inbox shows a generic empty state with no contextual guidance
Redesign
## First Impressions — Redesign
- "People you might have missed" immediately reframes the feature — this is about broadening your view, not a swiping game
- The progress bar (3 of 12 today) gives the session a gentle shape without adding urgency or scoring
- The card is large and unhurried — photo, tagline, and context are all visible at once before any decision is made
- Photo navigation lets the user look through more images at their own pace, on the same card
- Location and "online today" status are shown clearly — practical signals that matter at this age and stage
- "No rush, and no swiping" is stated in plain English in the intro — it directly addresses the discomfort many 45+ users feel with app-style interfaces
- The "See your history" link keeps previous decisions accessible, reducing the fear of making a wrong choice
## First Impressions — Current Design
- This feature does not exist in the current platform in this form
- The current platform relies on search and match lists as the only discovery routes
- There is no way to be presented with profiles outside your filters in a low-commitment way
- Members who would benefit from a gentle nudge beyond their stated criteria have no mechanism to receive it
- The absence of a quick-browse feature means potential connections are never surfaced to members who haven't thought to search for them
Redesign
## Profile Views — Redesign
- Three tabs unify related activity in one place: who viewed me, who I viewed, and my First Impressions history
- Tab labels are written in plain English ("They viewed me", "I viewed them") — no jargon, immediately clear
- New view count is shown as a badge on the tab, so the user knows what to expect before clicking
- The First Impressions history tab makes "saved for later" profiles easily revisitable — no lost opportunities
- A "Resume First Impressions" link sits in context below the history, making it easy to continue from where you left off
- Each card shows when the interaction happened and the person's current online status — relevant signals at a glance
- "Saved for later" and "Favourited" status labels on cards show the user's own past decision clearly
## Profile Views — Current Design
- The current platform shows profile views as a simple flat list with no grouping or tab structure
- Outgoing views (profiles I've looked at) are not accessible from the same screen as incoming views
- There is no First Impressions history because the feature doesn't exist
- New views are indicated only by a count in the nav — there is no "4 new" clarity on the views page itself
- No indication of online status or recency on view records — all entries look identical
Redesign