Pin Board

Pin Board

Component DesignWireframingInteraction DesignDesign SystemsPrototyping

A Pinterest-style discovery app exploring component states across three core flows Home, Explore, and Create each designed across five interaction states.

Process

Wireframes for Home, Explore, and Create were established before any visual design began, ensuring the underlying logic was solid first.

Core Screens

Designed the Home, Explore, and Create screens, establishing the primary user journeys and visual foundation of the application.

Interaction states

Every page was designed across five states. Search is shown in full below; dropdown, updates, settings, help, and profile follow the same system.

Search Box

Update Box

Profile Box

Settings Box

Help Box

Design system

Every screen draws from a shared library of reusable components and variants, creating a consistent experience that adapts seamlessly across layouts and interactions.

Icons

Pin Board logo iconExplore iconCreate iconUpdates iconSettings iconHelp icon

Search Bar

Pin Card

This project was about structure before decoration getting the flows right at the wireframe stage so the final screens only had to carry the visual layer, not fix the logic.