The Block2023
The Block is a social app that keeps users in the loop for the latest events and happenings in their area — designed from the ground up with a dark, energetic UI system built for discovery.
Problem
The Block needed a UI that felt alive — one that surfaced local events in a way that was intuitive to browse and visually compelling enough to stop a scroll. The landing page needed to pitch the concept clearly to both users and potential partners.
Approach
A deep blue and violet gradient system established the after-hours energy of the brand. The UI prioritized browsable card layouts on mobile with a clear hierarchy: event type, proximity, and time. The landing page led with the core value proposition and featured app screens on device mockups.
System
Designed as a complete UI kit including component states, a design system documented in Figma, and a one-page landing page layout adaptable across breakpoints. Event cards, profile components, and navigation patterns were all included.
Outcome
The app UI and landing page provided a complete visual foundation for development handoff. The design system was used directly by the engineering team as the source of truth for component behavior and visual specs.
