Product Design UX Research

End-to-end UX redesign of an exclusive professional network

Full UX overhaul of a members-only professional network: research, personas, information architecture, and a high-fidelity prototype from scratch.

CompanyThe Upside
RoleUX / UI Designer (Contract)
Year2020–2021
ScopeUX Research, IA, Wireframing, Hi-Fi Mockups, Rebrand
Full-scope UX/UI
End-to-end product design across research, IA, and visual design
3 months
From discovery and research through to delivered hi-fi mockups
12 Screens
High-fidelity desktop screens delivered across core user journeys
The Upside networking platform mockup
01 · The Problem

A platform that didn't match its promise

The Upside is an exclusive digital networking platform connecting ambitious professionals across sectors: entrepreneurs, executives, creatives, and early-career talent within curated communities. The community itself was strong. The platform was not.

When they came to me, the product had outgrown its original design. The UX felt dated and fragmented. The visual brand lacked the polish and exclusivity the community deserved. Users struggled to discover value quickly, and the navigation made it hard to understand who else was in the network.

The core tension: a high-quality, curated membership trapped in a product experience that didn't communicate that quality at all.

Dated visual identity
The brand didn't reflect the exclusivity or ambition of the community it served.
Confusing navigation
New members couldn't quickly understand the platform's value or how to explore it.
No IA hierarchy
Information architecture made discovery feel like work instead of flow.
Inconsistent components
No unified design system meant screens felt stitched together rather than designed.

"The platform needed to feel as exclusive and polished as the community itself."

Brent Kleiman, CEO and Founder, The Upside

Before touching any design tools, I spent time in discovery: interviews and contextual observation sessions with members across the platform's main user types. The goal was to understand what they did and what they were trying to accomplish and where the product was getting in the way.

Key research questions focused on: how members found and evaluated new connections, what made them return to the platform week over week, where they felt friction or confusion, and what they wished the platform did that it currently didn't.

Findings were synthesized into themes and mapped to user needs, which then directly shaped the personas and IA decisions that followed.

01
User Interviews
1:1 conversations with members across persona types to understand goals, frustrations, and mental models.
02
Contextual Observation
Watched members navigate live sessions to see where they hesitated, backtracked, or gave up.
03
Affinity Mapping
Grouped findings into themes. Identified the three core user types that emerged consistently across interviews.
02 · Research

Listen before designing

03 · Personas

Designing for real people

My research surfaced three distinct user types, each with different goals, frustrations, and definitions of value. These personas became the north star for every navigation, component, and copy decision throughout the project.

David Miller - CISO persona
David Miller, CISO
Alexis Thompson - Security Analyst persona
Alexis Thompson, Security Analyst
Joey Capo - Tech Enthusiast persona
Joey Capo, Tech Enthusiast

With personas defined, I rebuilt the platform's structure from scratch. The existing IA buried key features and made it difficult for users to orient themselves within the first two clicks.

The new site structure prioritized discovery, value recognition, and cross-persona flexibility. The goal was a hierarchy that felt intuitive whether you were a time-poor executive scanning for signal, or an early-career member trying to find a mentor.

Information architecture sitemap
Rebuilt site map prioritizing discovery and value recognition within the first two clicks
04 · Information Architecture

Structure before aesthetics

05 · Wireframes

From rough sketches to tested flows

Wireframing happened in two phases. First, hand-drawn sketches to rapidly explore layout ideas and navigation patterns without committing to anything. Then, digital lo-fi wireframes to test specific interactions and page structures with a subset of users.

The dashboard, the organization discovery flow, and the member profile each went through multiple iteration rounds, with navigation and hierarchy refined until they felt intuitive across all persona types.

Hand-drawn wireframe sketches
Dashboard layout exploration
Hand-drawn layout exploration
Navigation and profile flow

Hand-drawn sketches, rapid layout exploration before committing to digital

Lo-fi dashboard wireframe
Dashboard, v1
Lo-fi dashboard wireframe iteration 2
Dashboard, v2
Lo-fi dashboard wireframe iteration 3
Dashboard, v3
Lo-fi organization list wireframe
Organization list

Digital lo-fi wireframes tested with users before moving to hi-fi

With a validated structure in place, I focused the visual design phase on building a brand that matched the exclusivity of the community. This meant a refined color palette, a clear typographic hierarchy, and a component library built for consistency at scale.

The new design language moved away from the generic SaaS aesthetic of the original toward something that felt considered, premium, and human. Dark backgrounds for focus areas. Warm accents to signal action. Clean, open layouts that didn't crowd the user.

Every UI component was documented and built for reuse, so future design work could scale without starting from scratch.

06 · Visual Design

A brand that earns its exclusivity

07 · Final Product

High-fidelity mockups across key flows

Click any screen to expand. The final deliverable covered all major user journeys: onboarding, discovery, member profiles, goal-setting, and matching.

Home dashboard
Home Dashboard
Login screen
Login
Member overview
Member Overview
My Matches
My Matches
Create a Goal
Create a Goal
Add Goals
Add Goals
New Request
New Request
Company page
Company Page
Non-Profit page
Non-Profit
Startup Details
Startup Details
Investment Firm
Investment Firm
Academic page
Academic
Cross-Persona Navigation
A redesigned IA that works for executives, founders, and early-career users without feeling generic to any of them.
Complete Visual Rebrand
A new typography, color system, and component library that matched the exclusivity and ambition of the community.
Responsive Hi-Fi Mockups
Complete high-fidelity designs covering key user journeys across every core flow of the platform.
Research-Backed Decisions
Every major design decision was anchored in findings from user interviews, not assumptions or trend-chasing.
08 · Outcomes

A platform that earns its exclusivity

This was a freelance engagement, completed at the handoff of final designs. Post-launch metrics weren't available to me, but the deliverable was a complete, production-ready design system the team could build from directly.