Early Wireframes. Before opening Sketch, I explored dozens of layout options on paper. This rapid iteration revealed which information hierarchy worked best for a 280dp circular display.
Ambient Mode Mapping. Each active screen needed a low-power equivalent. White outlines on black preserved battery life while keeping users oriented when they glanced at their wrist.
Ambient Mode Design. Final ambient mode specifications. Monochrome outlines preserve battery while maintaining brand recognition.
User Task Flows. Two optimized journeys: find-and-call for urgent needs, find-and-navigate for discovery. Every tap counted on a screen this constrained.
UI and Interactions. The complete interaction model showing how watch actions hand off to phone for calls and navigation. Seamless transitions were critical for perceived speed.
Active vs Ambient States. Brand yellow delivered instant recognition in active mode. The ambient state stripped to monochrome essentials, extending battery life by hours.
Screen Inventory. A systematic catalog of every screen state, ensuring design consistency across the compact wearable experience.
Component Library. Full documentation covering both round and square watch variants. This became the single source of truth for our two-person team.
Loading State. Minimalist loading indicator on brand yellow.
Watch Face. System time display before app launch.
App Launcher. PagesJaunes icon in the Android Wear app list.
Category Selection. Browse by category for exploratory search.
Search Results. First result in the local search list.
Results Navigation. Scrolling through search results.
Result Details Preview. Quick preview before full detail card.
Business Detail Card. Complete business information at a glance.
Google Play Presence. The promotional asset for Play Store listing. First impressions matter when users are browsing new wearable experiences.
Contextual Preview. Showing the business detail card on an actual wrist helps stakeholders understand the real-world reading conditions we designed for.
Play Store Submission. Internal communication for app launch. Marketing assets and store listing materials ready for publication.
Pair Programming Sessions. Daily working sessions with developer Thibault Fighiera. Two watches connected, iterating on actual builds instead of static mockups.
Design in Progress. Keynote served as my rapid prototyping tool. Quick to iterate, easy to share, and precise enough for production handoff.
On-Device Verification. Nothing replaces checking designs on the actual hardware. Screen reflections, viewing angles, and touch targets only reveal themselves in context.
Search Flow Demo. The complete search journey captured on real hardware. From voice input to business card display.
Navigation Handoff. Demonstrating the seamless transition from watch to phone when the user requests directions.
.webp)
