About

Elfin Market website

In 2021 Elfin Market rebranded and my task was to redesigned their website to match. The project had several stages, starting with public pages and slowly improving customer dashboard afterwards.

  • UI/UX Design
  • Branding
  • 2021
  • Web
Elfin Market website hero

New branding meant full redesign of both public and account pages over several key phases:

  • Focus of this case study
    01 Public pages — full redesign

    Public pages were a priority as Elfin had a deadline in mind for the full launch of their card (beta stage at that point)

  • 02 User dashboard — MVP

    User profile and dashboard had a basic redesign to match the new branding, howerver, the full redesign followed after the card launch

  • 03 User dashboard — full redesign

    User dashboard was and ongoing project, while we added new features and improved UX along UI

The previous site suffered from unclear navigation, inconsistent branding, and poor mobile usability. Users struggled to understand the product quickly, leading to high drop-off rates.

When I joined the project, the existing Elfin Market website felt dated, inconsistent, and was difficult to use. Although the information was there, the overall experience lacked clarity, structure, and a sense of trust that's critical for a financial product.

We introduced a clean, modern visual system with improved spacing, typography, and colour use to build trust and make information easier to scan.

The content was restructured to highlight key benefits and guide users through simplified steps, supported by consistent CTAs and visual cues.

The redesign improved trust and reflects the quality of the product offered

  • 01 Stronger Brand Credibility

    A cohesive visual system, consistent typography, and clearer hierarchy helped build trust and align the website with Elfin's fintech identity

  • 02 Higher Conversion & Engagement

    Streamlined copy, visuals, and CTAs led to more users completing eligibility checks and engaging with the mobile app

  • 03 Code and design alignment

    Having one source of truth on Figma meant less miscommunication.