Johnson Controls Example AppLICATION

A strong digital experience begins with clarity and emotion. My visual design process blends modern typography, purposeful color, motion, and precise layout systems to create interfaces that not only function—but resonate. Across my web projects, I focus on building design systems that scale—balancing aesthetics with maintainability. From landing pages and marketing sites to product dashboards and component libraries, my work bridges creativity and consistency. The result is a seamless experience where every interaction feels considered, every detail purposeful, and every screen distinctly aligned with the brand's story.

Smart Energy Solutions

Created a unified design system that respects platform conventions while maintaining brand consistency. Established interaction patterns that feel native on each platform, streamlined navigation architecture, and ensured WCAG 2.1 AA compliance throughout.

Replaced the dense selection interface with a worksheet-style flow that asks users about their constraints, preferences, and team context before revealing recommendations. Each step narrows options intelligently, so by the time users see their toolchain, it feels inevitable—not arbitrary. Added clear value propositions at every stage, visual progress indicators, and an exportable summary that serves as both documentation and internal sell sheet.

Conversion Optimization

Mapped the subscriber journey from awareness to activation, identifying where channel handoffs created confusion or dropped context. Delivered a consolidated audit with severity ratings, quick wins, and strategic recommendations for each touchpoint. Focused on maintaining premium brand perception while reducing cognitive load in the sign-up flow.

Branding

Redesigned the alert system around urgency tiers and impact visualization. Created a "what's at stake" framework that shows facility managers the cost of inaction—not just that something needs attention, but why it matters now. Introduced progressive disclosure so users can drill into ML confidence scores without being overwhelmed upfront.

Created a unified risk assessment view that consolidates data from disparate sources into a single decision screen. Designed the workflow around the analyst's mental model—grouping information by decision relevance rather than system origin. Added confidence indicators and audit trails to support compliance requirements.

Branding

Rebuilt the dashboard around fleet manager workflows rather than database structure. Implemented MUI design system for consistency and development speed. Created a mobile companion app that surfaces critical alerts and actions without replicating the full desktop experience. Designed an "Action Center" that prioritizes tasks by urgency and business impact.