Needle — ADHD Medication Finder logo

Needle — ADHD Medication Finder

Reimagining how pharmaceutical products should look in the eyes of ordinary people. A vibrant, flat-style website that translates Needle’s brand identity into a clear, conversion-focused experience centered around an easy-to-understand ‘How it works’ bento section.

20248 weeksProduct DesignWeb Experience

Needle — Finding Medication Made Easy

Reimagining how pharmaceutical products should look in the eyes of ordinary people. Needle is a service that helps people find ADHD medication in nearby pharmacies without the stress of calling every location themselves.

The goal of this project was to turn a strong visual identity into a practical product story: friendly enough to feel supportive, clear enough to build trust, and focused enough to drive account creation.

Visual Gallery

Needle landing page hero
Hero section focused on fast value recognition.
Needle how it works bento section
The 3-step bento flow designed for quick comprehension.
Needle orders status interface
Order status pattern with clear in-stock/out-of-stock states.

Project Snapshot

  • Client: Needle
  • Industry: Digital Health
  • Primary Objective: Increase confidence and sign-ups from first-time visitors
  • Core UX Focus: Make the process feel simple in under 10 seconds
  • Hero Message: “Needle Finds Your ADHD Medications in Stock”

The Challenge

Finding ADHD medication is often time-sensitive and emotionally draining. Most users arrive already frustrated, so the site had to do two things immediately:

  1. Explain what Needle does in one glance.
  2. Remove ambiguity around how the service actually works.

A generic “marketing” layout would not be enough. We needed a structure that balanced personality with clarity and reduced cognitive load from the first fold.

Strategy

We built the case around three communication layers:

1) Instant Value Recognition

The hero establishes the promise in a single line, with “ADHD Medications” emphasized as a visual anchor. Supporting copy below clarifies the operational model: Needle contacts pharmacies on the user’s behalf.

2) Trust Through Process Transparency

The centerpiece is a How it works bento section with minimal iconography and short, sequential steps:

  • Step 1: Share prescription details
  • Step 2: Add location + travel radius
  • Step 3: Needle checks selected pharmacies and reports stock

The layout was intentionally card-based so each step can stand alone while still reading as a guided flow.

3) Confidence Through Operational Signals

We introduced compact status UI patterns (In Stock, Out of Stock, Pending), per-order metadata, and clear action affordances to make the service feel real and trackable—not abstract.

Visual Direction

Needle’s identity uses a flat, playful language with high-contrast colors. Our UI system extends this without sacrificing legibility:

  • Rounded geometry for approachability
  • Bold typography for hierarchy and scanability
  • Bright accent palette used as directional cues, not decoration
  • Minimal icon set to keep focus on content

The result is expressive but controlled—especially important for a healthcare-adjacent experience.

UX Decisions That Mattered

Bento as Information Architecture

The “How it works” section isn’t just decorative. It acts as the site’s primary comprehension engine:

  • Large cards reduce reading fatigue
  • Step labels create immediate orientation
  • Short body copy keeps each action understandable
  • Color blocks help users chunk the journey quickly

Pricing Clarity

We surfaced the service model early (“$1.00 per pharmacy call”) to reduce uncertainty before users commit.

Conversion Path

Primary CTA placement was designed to repeat at high-intent moments:

  • Hero entry point
  • Mid-page reassurance after process explanation
  • Footer/newsletter area for lower-intent users

Outcomes (Mock)

The following numbers are illustrative for case-study storytelling.

  • +38% increase in CTA clicks from hero section
  • +24% increase in users reaching account creation flow
  • -31% drop in “What does this service do?” support-style questions during early testing
  • Faster user comprehension of the full 3-step process in moderated sessions

What We Learned

In sensitive problem spaces, clarity beats novelty. The most effective part of this project was not adding more features—it was designing a simple explanation users could trust instantly.

By pairing vibrant brand expression with strict content hierarchy, Needle’s website communicates both personality and reliability.

Credits

  • Product & Brand: Needle team
  • Design: Rebeja team
  • Case Study: Mock narrative draft for portfolio use