← Portfolio · Discovery · Show detail · Filters · Band profile

Love Is Human — Digital wireframes

Greyscale layouts that translate the paper sketches into a digital grid. Used to lock in information architecture and component placement before committing to visual treatment.

Screen 01

Show discovery feed

Desktop · 1440 × 900 · Logged-in fan landing state
1
2
3
4
5
1Persistent top nav — logo, primary nav, search, auth. Same across every screen so the IA stays predictable.
2Browse sidebar — quick-jump categories (Trending, Newcomers, Top 10, Festivals, Following). Replaces the old "Advanced search" link nobody clicked.
3Sort tabs — fans default to "Soonest" but can switch to Trending / Newcomers / Top picks without leaving the page.
4Show card — image · date · band · supporting acts · venue · genre tag · price · CTA. Designed so every show is decidable in 3 seconds.
5Right-rail filters — chips for Genre, Location, When, Price. Always visible, no modal needed for the common case.
Screen 02

Show detail

Desktop · 1280 × variable · Reached by clicking any show card
A
B
C
D
AHero answers "who/when/where" in one glance — image, headliner title, venue, date, support acts before scroll.
BSticky ticket card with tiered pricing — General / VIP / Sold-out states visible at once so users don't bounce after clicking the wrong tier.
CVenue card with map + facts — capacity, age, parking. The old detail page hid this in a separate page; surfacing it cut "info-seeking" bounces.
DRight rail keeps the page conversion-aware — tags, social proof ("2,418 going"), preview player, countdown. All work to push the user toward the ticket button.
Screen 03

Band profile

Desktop · 1280 × variable · The band's mini-website inside LIH
I
II
III
IV
V
IMember carousel — band photo hero with hoverable member avatars that reveal role + link to private bookings (from the paper sketch).
IIStat strip — upcoming shows count, monthly listeners, followers, tix sold, formed-year. Establishes credibility in one glance.
IIITabs for deep content — Shows is default; Music / About / Photos / Press / Merch live in tabs so the page stays scannable.
IVShow list as the centerpiece — date stamp · venue · supporting acts · price · CTA. Each row is a complete decision unit.
V"Listen elsewhere" + merch — kept right rail so the band's full identity (streams + store) is visible without leaving Shows.