Brogan W.
I’m a digital product designer driven by the beauty of visual identity and human-centered design, with a focus on creating experiences that scale, endure, and solve problems. Welcome to my portfolio.
So glad to e-meet you! Contact me anytime.
Wishing you luck & abundance.
www.broganw.com — broganw.888@gmail.com — LinkedIn — Resume
Case Studies / Projects
00 Personal Brand
I love to balance practicality & aesthetic in both style and design, much like my gray Blundstones.
The definition of my first name (from my grandmother’s family) is a great intro to my overall vibe.
bro-gan
noun: brogan; plural noun: brogans
- a course, stout leather shoe reaching to the ankle
- a heavy laced usually ankle-high work boot
- (as I would casually say) an old, sturdy shoe
“brogans” Google search
“brogans” Google search
“brogues” Google search
The origins
In my personality, you’ll find a kind, shy artist who’s most expressive around those she trusts. I remember as a child experimenting with different handwriting styles, even asking my mom to teach me cursive in kindergarten. From paper “quilts” I made of wiggly drawn grids with carefully selected marker colors to the 8 years of childhood I spent as a musical theater geek.
I was subconsciously training for a life of finding order in color and flow in form. I found graphic (and UX, UI) design at the perfect intersection of art and strategic thinking in the digital age, which I believe blends my greatest strengths under a single umbrella. I’m a lover of brands, and defining my own has been the ultimate discovery. I’m here to design systems that don't just look good, they last.
THE BRAND
I’m most inspired by nature, the beauty of the world around us, and the power of creativity. I believe in the magic of the everyday. My core values center around wisdom, trust, and harmony.
In my brand, you’ll find touches of delight, grounded in structured layouts and meticulous details. Does that sound like an old, sturdy shoe? Well, not on the surface, but I would argue that my work is built on the same principles: it’s reliable and crafted with care.
The number 8 brings the metaphor full circle, representing the lace of a boot: a continuous thread that loops the abstract into the material. I find my rhythm in the 888—the discipline of discovery work that eventually manifests into something abundant and lasting. The flow necessary for design to flourish.
I applied symmetry to my chosen monogram, BW8, and played with the forms until they fit together just right. Relying on instinct, rather than design principles, guided my design so much that it feels like an artistic expression. The logo frames the heart of the monogram, creating a stamp that feels ancient, powerful, and grounded.
bw8 MONOGRAM ---> FINAL logo stamp
Primary Palette
Electric Blue - Primary
#2634B1
Lake Teal - Accent
#A1CBB3
Moss Green - Accent
#C5EFA3
Night Sky Navy - Accent
#FFA991
01 Scooter’s Coffee
Optimizing the Transaction Lifecycle
Architecting a high-frequency mobile experience for coffee lovers on the go.
SCALING FOR A NATIONAL COFFEE EXPERIENCE
- The Overview
Designing for the "Morning Rush"
For a national coffee franchise, the mobile app is more than a digital storefront; it’s a critical tool for customer throughput. From the MVP phase to mature feature additions, this full app redesign was all-encompassing. I led the end-to-end design of the payment and checkout architecture, while collaborating on design system components & tokens that balanced brand expression with effective functionality.
- My Focus: Design System, App & Menu Information Architecture, Checkout Redesign
- The Friction
Multi-Vendor Backend Setup + UX/UI Overhaul
The original white-labeled app was functional, but lacked clear hierarchy. Furthermore, the client had zero user insights tracked. We needed to restructure the app architecture while maintaining a lightning-fast "time-to-purchase" and keeping up with competitors.
- Overcoming the “Data Void”: I completed a comprehensive competitive landscape to help pinpoint the leading examples of streamlined mobile order flows.
DESIGN SYSTEM ORGANISMS
- The Framework
A System Built for Speed
I led the end-to-end design of the payment architecture, while collaborating on design system tokens that balanced brand expression with effective functionality. After aligning on a refreshed look & feel for the brand, we built a cohesive foundation of assets for both mobile platforms.
- Foundations: Co-created a tokenized visual language (components, variants, color schemes) that allowed us to ship updates across two mobile platforms simultaneously without fragmentation.allowed us to ship updates across two mobile platforms simultaneously without fragmentation.
proposed menu categories
menu flow designs
- The Partnership
Validating Feasibility at Scale
Throughout my time on this project, I collaborated intensely with a full stack team. With their insights, I helped craft architecture from a menu taxonomy to location selection, and eventually for the checkout flow as well.
- Engineering Collaboration: I worked in a continuous AGILE delivery cycle, partnering with engineers to ensure that the payment selection logic was robust while also making sure the various integrations between storefronts, APIs and 3rd party vendors were invisible.
menu flow designs
the evolution of checkout
- The Craft
The Final Iteration
I owned the lifecycle of the feature, from initial competitive audits to post-launch optimization, ensuring design decisions were always aligned with business KPIs.
- The Strategy: I re-engineered the checkout architecture to incorporate Apple & Google Pay, creating a new payment path that was especially beneficial for first-time users.
- The Polish: Applying user perspectives as my guiding light helped minimize friction in the end experience; the user’s number of pre-saved payments govern the layout & structure of payment options.
MVP FLOW >>> V2 FLOW
evidence based iteration
- The Impact
Evidence Based Iterations
By making the checkout more streamlined, the app became a more reliable tool for customers. Relying on familiar patterns and user groups became the inspiration for the components themselves.
- Behavioral Shift: In the first month, 40% of mobile orders adopted Apple/Google Pay rather than using a saved credit card.
02 TELUS SmartHome+
Scalable control interfaces and onboarding for a multi-device ecosystem.
Designing for the “internet of things” (iot)
- The Overview
Managing the Physical World via Mobile
Designing for the "Morning Rush."
For a national coffee franchise, the mobile app is more than a digital storefront; it’s a critical tool for customer throughput. From the MVP phase to mature feature additions, this full app redesign was all-encompassing. I led the end-to-end design of the payment and checkout architecture, while collaborating on design system components & tokens that balanced brand expression with effective functionality.
- My Focus: Component library, App & Menu IA, and Checkout Redesign
- My Focus: Device Control Screens, Dashboard Controls, and Hardware Setup & Pairing Flows
- The Friction
Multi-Vendor Complexity
Working in a project setting with rotating team of 10+ designers, I was responsible for ensuring that pairing and controlling a range of different hardware felt like a singular, unified experience.
- Tech Considerations: Each device type had unique requirements, which threatened to fragment the app's visual language and increase the reliance on the user to problem solve.
- The Stakeholder Dilemma: We lacked alignment on what the MVP scope would actually include while we were still designing the app’s information architecture.
ADAPTIVE ALIGNMENT
- The Framework
Modular Logic Structures
I built a modular instructional system & template, which allowed us to update specific pairing steps without needing to redesign the entire flow. I extended this logic to the Device Controls, creating a repeatable UI layout that could plug-and-play sliders, toggles, and icons that worked for everything from a simple lightbulb to a complex thermostat.
- Systemic Control: To ensure we could align our design language across a multitude of devices we relied heavily on custom icons and components to guide the designs.
- Third-Party Alignment: We ensured that allowed third-party devices could plug into our ecosystem without feeling like "outsiders," maintaining a consistent look and feel for the user.
- The Partnership
Bridging Hardware States with UI
In the world of IoT apps, the UI is often waiting on the hardware. I worked closely with engineers to map out device states and understand the full range of possible feedback we could give the user.
- Latency & Feedback: We had to account for multiple states: "Connecting," "Updating," and "Offline," for example. I partnered with engineers to ensure the UI provided immediate, actionable feedback as much as possible.
- SmartHome Hub: Not only did we need to account for users with two to three devices connected to their household, but potentially up to 48 (including all devices connected to the same internet).
SMART DEVICE CONTROLs
- The Craft
I focused on creating ranges of hierarchy within a template for device controls that could be repurposed for different hardware.
- Interaction Design: I refined the primary control mechanisms, focusing on the "touch targets" and ergonomic ease for one-handed mobile use.
- Information Architecture: I organized complex device settings into logical groups, ensuring that the most-used features were always within "thumb-zone" reach while deeper configurations were accessible but tucked away.
- The Impact
Stability at Scale
The result was a flexible UI framework that allowed the team to continue adding new device categories after I rolled off the project without redesigning the core app. The impact of my improving knowledge sharing and process structure helped 10 designers work in parallel while maintaining a single "Source of Truth.” While I wasn’t there to celebrate the MVP launch, it’s now available as SmartHome+ for download.
- Resilience: The framework I established allowed the team to integrate new hardware categories seamlessly, even when technical specs were in flux. While I wasn’t there to celebrate the MVP launch, it’s now available as SmartHome+ for download.
- Predictable UX: Whether they were setting up a TELUS camera or a Phillips lightbulb, the patterns of the app make a single, unified experience.
03 While You Wait...
A gamified mobile experience centered on multiplayer mode and touches of delight.
Balancing the grind with play
1 engineer, 1 product manager, and 1 designer walk into a bar...
The base mobile app and concept design were created entirely by my friends & colleagues Geoff (Native App Technical Overlord) and Garrison (iOS Wizard & Software Engineer). The objective of the app was to create a simplified, easy-to-play trivia experience that relied upon Apple's SharePlay as a way to quickly connect and play with friends near and far.
- My Focus: I joined late in the process as a consultant for visual delight and branding design, as well as a journey/experience audit with additional UI polish. I influenced a flexible UI layout and feedback structure that could scale seamlessly while blending features to work with the iOS 26 styling.
- The Vibe: High-craft, cross-discipline collaboration that prioritized the "magic of the everyday." Happy to say the app is almost live!
Rainbow spectrum for 12 categories + Time Bar
Specs for the logo hero colors & category ranges
what you see is what you get: buttons
full atom components
scoreboard + ui breakdown
right or wrong?
backdrop -- win or lose?
