Product Design UX Research

A network built on earned trust

End-to-end UX redesign for an exclusive professional networking platform

CompanyThe Upside
RoleProduct & UX Designer
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."

Before touching any design tools, I spent time in discovery. I conducted interviews and contextual observation sessions with members across the platform's main user types. The goal was to understand not just what they did, but 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.

I synthesized findings into themes and mapped them 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 four 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.

I mapped a new site structure that 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

I wireframed 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.

I ran multiple iteration rounds on the dashboard, the organization discovery flow, and the member profile. I refined navigation and hierarchy 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.

I documented every UI component and built it 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
I redesigned the IA to work for executives, founders, and early-career users without feeling generic to any of them.
Complete Visual Rebrand
I built a new typography, color system, and component library that matched the exclusivity and ambition of the community.
Responsive Hi-Fi Mockups
I delivered 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.

You've seen the work
Back to the full portfolio
Back to Portfolio