CAPSTONE 2 · RESPONSIVE WEB DESIGN

orbitaldrop.store

An e-commerce platform for a real brand the designer owns — dystopian satire on the surface, transit-grade wayfinding underneath. The capstone brief said business website. The business already existed.

ROLE — UX DESIGNER, FOUNDER PROGRAM — DESIGNLAB UX ACADEMY (65 HRS) WINDOW — APR → JUN 2026 · ITERATIONS CLOSED JUL 2026 METHOD — ASYNC SURVEY (N=6) → A/B LO-FI → HOSTED CODE PROTOTYPE → REMOTE ROUND (N=11)
01

Real stakes

The prompt offered a business website. The response was a real one: Orbital Drop, an operating creative brand with an e-commerce arm to design from the ground up. No fictional client, no invented constraints — the tradeoff is that every decision carries consequences past the grade. The mentor encouraged proceeding. The capstone doubled as a company asset from day one.

Capstone-era storefront hero: DROP IN. STAND OUT.
FIG.01 — CAPSTONE-ERA STOREFRONT HERO · "DROP IN. STAND OUT."
02

The brand preceded the assignment

The dystopian pseudo-corporate thesis was not generated for the course. It predates it — an expression of conflicted feelings about the direction of the world, assembled from games, comics, and media into hyper-precise corporate satire: astronomical logistics complexity terminating in a t-shirt. AI sessions developed the concept; they did not originate it.

One structural ruling made it functional: Japanese transit design language as the bridge between satirical aesthetics and usable interface. Wayfinding systems display maximum information under maximum stress. A store can borrow that discipline.

[ RULING ]Transit wayfinding as the bridge: the satire earns its interface discipline instead of fighting it.
Brand palette
FIG.02 — BRAND PALETTE · EXPORTED FROM COOLORS, PRE-COURSE
03

The worksheet refusal

The curriculum offered optional Moodboard, Style Tile, and Logo units. All three were skipped — not for absence of brand work, but because the brand work already existed in a different shape and the schedule was critical. The contrast is the point: nine hours of optional worksheets declined, while a full brand identity was developed in parallel through concept sessions. Brand development happened; the format was the designer's own.

Designlab optional units panel
FIG.03 — DESIGNLAB OPTIONAL-UNITS PANEL · MOODBOARD, STYLE TILE, LOGO, ALL SKIPPED
04

Research that confirms, then guides

Research ran async by design — the survey format traded live follow-ups for participant respect and scheduling reliability, a tradeoff documented in the instrument itself and inherited from the previous capstone's field lessons. Findings (N=6) confirmed the working hypothesis: trust and checkout friction decide whether an unknown brand converts. Confirmation is not wasted research. The data set the patterns — express payment options, transparent shipping, review placement — that the structure phase then followed.

Personas Marcus Reyes and Sarah Jenkins
FIG.04 — PERSONAS · MARCUS "MARC" REYES / SARAH JENKINS, SYNTHESIZED FROM PRIMARY RESEARCH
05

Holding scope against good advice

The feature set drew a challenge: the mentor identified an affinity cluster dense with experience pain points and suggested incorporating it. The response was a scope defense, on the record — that cluster concerns products and branding, not the flow and checkout mechanics under design; the brand-voice opportunity it represents belongs to a later theme, after wireframes exist. The mentor approved the held scope the next day. Sequencing survived contact with a good counter-argument.

[ MENTOR · 05/18 ]"I see cluster 4 with many pain points related to their experience … let me know if you want to keep the current one and move on or update it with one of these pain points."
[ DESIGNER · APPROVED 05/19 ]"Cluster 4 is more about the products and branding and less about the actual user flow and checkout / purchasing experience … I need to get to the lo-fi wireframes before I include features that aren't already part of Theme 3."
Mentor thread: the cluster-4 exchange
FIG.05 — FEATURE-SET THREAD · THE CLUSTER-4 EXCHANGE
06

Optionality carried through fidelity

Convention picks layout winners at lo-fi and builds one arm. This project carried the fork deliberately: six pages with three variations each at lo-fi, compressed into six A/B variants at hi-fi — editorial hero against commercial grid, sidebar filter against horizontal bar, editorial full-screen against split-layout detail. The submission note states the intent: testing would choose, but the options deserved to exist at full fidelity first.

Lo-fi wireframes: six pages, three variants each
FIG.06 — LO-FI PAGES · 6 PAGES × 3 VARIANTS
Hi-fi prototype board overview
FIG.06B — HI-FI BOARD · 8 FLOWS, 20+ SCREENS, 6 A/B VARIANTS
User flow for orbitaldrop.store
FIG.06C — USER FLOW · ORBITALDROP.STORE, STRUCTURE PHASE
07

The prototype was code

The hi-fi round produced a functional artifact through Figma Make — then weeks old as a product. The reasoning was economic: manually wiring a click-through of an already-functional build is assembling a kit, disassembling it, and assembling it again without instructions. The hosted code export was the prototype. The mentor's directive followed the same logic: connect the main flows into a functional MVP. The experiment found holes in the process — resolved in later projects — and the build's import folder still preserves the exact document set that produced it.

[ MENTOR · 06/02–06/03 ]"Let's try to connect all (or the main ones) flows for the final prototype so you can have a functional MVP in your portfolio."
Prototype hub with A/B variant cards
FIG.07 — PROTOTYPE HUB · VARIANT CARDS
08

When the tool broke, the method changed

Maze was the designated measurement layer. Against a hosted build on the free tier, it failed three separate ways: task capture and heatmaps returned nothing usable, report export sat behind a paywall, and the one-project limit silently destroyed the previous capstone's test data on project creation. After multiple rebuild attempts, measurement moved into the instrument that worked — survey blocks running alongside the tasks.

[ CAUTION ]Rented instrumentation answers to its pricing tier, not to the study. The next capstone's test harness was owned.
09

The numbers

6.3/7
product-info confidence avg (N=11)
82%
reported no navigation frustration
0
responses below midpoint

Eleven testers ran the flows. Product-information confidence averaged 6.3 of 7, with zero responses below midpoint. Eighty-two percent reported no navigation frustration. The single recorded friction — two testers found products hard to distinguish — lands precisely on the compromise the project knowingly shipped: generative placeholder photography, accepted under submit-first doctrine, independently flagged by the mentor with a real-photography specification. Stated as interpretation, not finding: the debt that was documented is the debt users noticed.

Product info confidence 6.3 of 7
FIG.08A — PRODUCT-INFO CONFIDENCE · 6.3/7 AVG (N=11)
Navigation frustration: 82 percent none
FIG.08B — NAVIGATION FRUSTRATION · 82% NONE (N=11)
10

Judgment closes the loop

Test signal informed; taste decided. Variant winners were selected on a visual-calm criterion — layouts that do not make the eye jump — with the data as counsel rather than verdict. The iterations unit itself closed late, mid-way through the next capstone, because the real iteration review had happened live in mentor sessions across the project. The mentor's closing note assigned the aesthetic its genre.

[ MENTOR · 07/22 ]"We reviewed this one in depth during our sessions. Good work again — definitely a Cyberpunk 2077 vibe."
SHIP

Live

The store runs live at orbitaldrop.store.

11

What it seeded

The functional-MVP posture, the AI-augmented workflow made explicit and sanctioned on the record, and the owned-instrumentation conclusion all crossed directly into the next project — an end-to-end app for the same real brand, with a custom-built test harness where the rented one had been. The store surfaces themselves were later rebuilt under the brand's web design system; the capstone version is preserved here as shipped.