UI/UX Strategy · Product Design · Design Systems

Interfaces with intent.

Johnny Otto / UI·UX DesignerI turn ambitious ideas into digital experiences people understand, remember and want to use—combining clear product thinking with a filmmaker’s eye for composition, rhythm and emotion.

01 / Energy02 / Sports03 / Healthcare04 / Travel05 / Finance
Capabilities

From first flow to final pixel.

Experience strategyUser journeys aligned with real needs and business goals.
Interface designClear, distinctive interfaces with strong visual hierarchy.
Wireframes & prototypesIdeas made testable before expensive development begins.
Flows & journey mapsComplex paths clarified from entry through conversion.
Research & testingEvidence used to challenge assumptions and refine decisions.
Design systemsReusable components and rules built to scale consistently.
Responsive designExperiences considered across mobile, tablet and desktop.
Brand integrationProducts that remain unmistakably connected to the brand.
01 / Product ecosystem

Energy

MobileSystemsVisualization

A high-energy digital product language spanning interface frames, modular components and branded visualization.

Energy app interface design
Product experienceOverview
Energy UI screens
InterfaceCore screens
Energy product system
SystemComponents
Energy design visualization
Visual languageApplication
Energy app mockup
ProductMockup
Energy digital experience
ExperienceFinal system
02 / Brand-led product

Sports

UI kitIconsTypography

A bold, performance-focused interface system connecting identity, iconography, typography and responsive product frames.

Sports UI kit
Design systemUI kit
Sports app icon system
IconographySystem
Sports product logos
IdentityMarks
Sports app mockup
InterfaceMockup
Sports typography system
TypographyHierarchy
03 / Data made human

Healthcare

AnalyticsUser flowsAccessibility

A clear, confidence-building healthcare experience that organizes analytics, charts, user flows and task-focused interactions.

Healthcare analytics dashboard
DashboardAnalytics
Healthcare chart design
DataVisualization
Healthcare app mockup
ProductMockup
Healthcare user flow
ExperienceUser flow
Healthcare journey map
JourneyArchitecture
Healthcare icon system
SystemIcons
04 / Mobile journey

Travel

MobileMapsDiscovery

A destination-led mobile experience that combines discovery, mapping and visual inspiration without sacrificing clarity.

Travel app interface mockups
Mobile productOverview
Travel app icons
IconographySystem
Travel app screens
InterfaceKey screens
Travel map experience
NavigationMap
05 / Complex made clear

Finance

DashboardInformation designComponents

A structured financial interface built to make dense information feel understandable, actionable and visually coherent.

Finance interface frame
ProductCore frame
Finance icon system
SystemIcons
Finance information design
InformationHierarchy
Finance app mockup
InterfaceApplication
Working method

Clarity at every stage.

01

Understand

Align the product, audience, constraints and definition of success.

02

Structure

Map journeys, information and the decisions users need to make.

03

Prototype

Make ideas tangible early enough to test, question and improve.

04

Systemize

Turn the final direction into reusable patterns built to scale.

Start a conversation

Have a product
worth making?

ottophobiafilms@gmail.com ↗