Neon Dashboard

A personalised post-login dashboard for Neon, centralising products, support, and market insights for 5,000+ monthly users.

MY ROLE

Leading end-to-end design, cross-functional coordination, design system implementation, and development support.

THE TEAM

Two designers, four developers, one QA, and a Technologist.

TIMELINE

Q2–Q4 2023 (6 months)

Neon Dashboard post-login landing page

CHALLENGE

Neon required a unified entry point to serve as the main shopfront for Marex's technology suite. Users previously faced disjointed experiences, hampering product engagement and cross-selling opportunities.

SOLUTION

Designed and developed a comprehensive solution including:

  • Full user account registration flow with secure authentication

  • Branded, consistent interface aligning with Neon's brand identity and design system

  • Personalised post-login dashboard serving as a central hub for all Neon products

  • Direct access to the Support Centre for communication with the Neon Concierge team

  • Account management tools enabling users to control their personal details and preferences

  • Tailored market insights section showcasing relevant content based on user interests

The design utilised the Neon Design System I had previously established, ensuring consistency across the platform while accelerating development through reusable components.

User registration
Sign in with Marex Auth0
Neon Dashboard with Application Switcher
neon-dashboard-gallery-04.png
Support Center
Account Change Request
General request to Neon Concierge Team
Manage account preferences

OUTCOME

The latest design updates to the Neon Dashboard helped improve several key metrics:

  • 2x increase in direct general requests to the Neon Concierge Team, leading to more product cross-sales opportunities

  • 30% traffic increase on Neon Insights due to tailored market commentary prominently featured on the post-login landing page

  • Improved Net Promoter Score (NPS) reflecting enhanced user satisfaction

  • Unified brand experience across previously fragmented services

  • Streamlined user journey enabling more efficient access to financial tools

TECHNOLOGIES/METHODS USED

  • Design: Figma, FigJam

  • Development: React, TypeScript, MUI, Auth0

  • Project Management: Jira, Confluence

  • Research: AppCues for guided tours and NPS feedback

  • Email Communications: SendGrid for marketing comms and transactional email templates

  • Process: Agile methodology, Kanban, cross-functional collaboration

Previous

Reva – The CFO for Business Owners
Next

Neon Intelligence