Information overload
Prioritize key account information without turning the dashboard into a dense reporting screen.
01 / Overview
One brand. Two connected experiences.
The Bullish Group project covers both the public-facing marketing website and the signed-in member application. The website introduces the brand and its value proposition; the application helps members manage referrals, commissions, membership progress, AI assistance, and community activity.
The goal was to create a consistent journey from discovering the platform to accessing useful member tools, while giving each experience a clear purpose.
Design objective
Create a clear, premium-feeling member experience where performance, progress, AI assistance, referrals, and community are connected instead of feeling like separate tools.
02 / The challenge
Make a feature-rich platform feel manageable.
The application includes several different member needs: tracking referral activity, understanding commission progress, using AI assistance, engaging with the community, and finding resources. Showing all of this at once can create visual noise and make important actions harder to find.
Disconnected tasks
Bring related activities together so members can move from checking progress to taking action.
Progress visibility
Make membership tier, referral targets, and commission status easier to understand at a glance.
Consistent experience
Give different areas of the application a shared visual language and predictable interaction patterns.
03 / My role & scope
From brand introduction to member workflows.
I designed the public website and the member application, shaping the page structure, visual direction, key interface patterns, and interactive Figma prototypes across both experiences.
- Organized key product areas and dashboard information.
- Designed the visual hierarchy, cards, data summaries, and navigation.
- Defined consistent patterns for status, progress, quick actions, and activity feeds.
- Built the interface into an interactive Figma prototype for review.
Project scope
This case study covers the marketing website and signed-in application. It focuses on the design deliverables and intended experience, without claiming unverified research findings or business metrics.
04 / Design approach
Structure first. Polish second.
The design approach focused on organizing the information around what a member needs to understand first, what they may want to do next, and what can sit one level deeper in the application.
Step 01UnderstandMap the core member tasks and the
information needed to support them.
Step 02StructureGroup related features and establish
a clear page hierarchy.
Step 03DesignApply a premium visual language with
clear contrast and repeatable patterns.
Step 04PrototypeConnect screens and actions to
communicate the intended experience.
Key design decision
The dashboard leads with high-value account indicators, then gives dedicated space to AI assistance, membership progress, referrals, community, and recent activity. This balances quick scanning with access to deeper tasks.
05 / Marketing website
Introduce the brand. Make the value clear.
The public-facing website sets the first impression of The Bullish Group. Its role is to explain the platform, communicate its AI-enabled business ecosystem, and guide visitors toward the next step.
Website direction preview for this case study — a visual summary, not a screenshot of the Figma design.
Lead with the value proposition
Use a clear headline and supporting copy to explain the platform quickly before introducing deeper details.
Creative, but controlled
Balance a premium visual identity with a clean layout, restrained accents, and purposeful AI-inspired visual elements.
Guide visitors through the ecosystem
Organize the story into scannable sections so visitors can understand the offer and explore relevant areas.
Make the next step obvious
Use clear calls to action and consistent navigation to connect the brand story with the member experience.
Explore the marketing website prototype
View website prototype ↗
Open the Figma prototype for the public-facing website.
06 / Key experiences
Design around the member’s priorities.
At-a-glance performance
Referral count, commission earned, and AI sessions sit near the top of the dashboard so members can quickly scan their activity.
Bullish AI Partner
A dedicated AI entry point gives the assistant a clear place in the product and encourages members to start a task without navigating away first.
Membership progress
Current tier, referral target, and the next membership level are presented together to make progress more tangible.
Referral access
The referral link is treated as a high-value action, with a dedicated card that supports quick access and sharing.
Community & activity
Community statistics and recent account events help members stay connected to the wider network and understand what has changed.
Quick links
Frequently used destinations are surfaced on the dashboard to reduce unnecessary navigation for common tasks.
Main dashboard — performance indicators, AI access, tier progress, referral tools,
community and activity.
07 / Visual design
Premium visuals, clear hierarchy.
The interface uses a dark, atmospheric foundation with purple surfaces and gold highlights to reflect the brand direction. Repeated card patterns, spacing, typography, and status indicators help keep a visually rich interface organized.
Interface principles
Make the important information easy to scan.
Use contrast and grouping to guide attention, reserve accent colors for meaningful states and actions, and keep related information visually connected.
Dark surfacesPurple accentsGold
highlightsCard-based layoutClear data hierarchyReusable
patterns
Color with purpose
Purple supports key actions and active states; gold adds emphasis to premium membership details and brand moments.
Consistent components
Cards, progress indicators, labels, and quick links use repeated patterns to make the interface feel cohesive.
Readable content
Headings, supporting labels, and values are separated by size and contrast to support faster scanning.
Responsive considerations
The information hierarchy provides a basis for adapting dashboard modules to narrower screens without losing task priority.
Accessibility and responsive behavior should be validated against the final implemented screens, including contrast, keyboard access, focus states, and small-screen layouts.
08 / Outcome
A consistent experience across website and app.
The website establishes the brand story and directs visitors toward the platform, while the application organizes core member activities into a consistent dashboard experience. Together, they create a connected design foundation across discovery and ongoing use.
Clearer overviewKey account signals are grouped for quick scanning.
Action-oriented layoutAI, referrals, and quick links are easy to locate.
Scalable visual languageReusable patterns support consistency across product
areas.
Explore the member application prototype
View application prototype ↗
Open the Figma prototype to explore the signed-in application screens and interactions.
The outcomes above describe the design deliverable and intended experience, not measured business impact.
09 / Reflection
The lesson: clarity creates confidence.
For a platform with multiple member tools, the dashboard is more than a collection of widgets. It needs to explain the member’s current position, make the next action obvious, and provide reliable paths into deeper tasks.
This project reinforced the value of strong information hierarchy, consistent components, and designing around real member priorities rather than giving every feature equal visual weight.