UI/UX/AI Product Designer

Hideki Aono

Senior UI design for complex digital products, spanning fintech, enterprise, and AI-enabled workflows shaped through research-informed UI, design systems, visual storytelling, and polished execution.

UI / UX Design Visual Design AI work flows Service Design Design Thinking Strategy Design

Selected Work

Case studies

The work is organized around recruiter-friendly signals: role, problem, process, system decisions, final experience, and the capability each project demonstrates.

Flagship Story

Chase Investment Summary

Turning complex investment holdings into a clear, actionable account summary for mobile and responsive customer experiences.

Before and after Chase investment summary screens

Context

Make financial complexity feel understandable.

The Investment Summary account page was designed to help clients understand holdings, performance, account activity, and key actions without forcing them to parse dense financial information.

Role

Lead UI design from concept through production-ready wireframes.

The work connected user needs, research findings, product requirements, content direction, engineering constraints, and Chase design system patterns into a launch-ready experience.

Design Decisions

Hierarchy, scanability, and responsive structure came first.

  • Prioritized the account value, market movement, and portfolio summary at the top of the page.
  • Used modular sections to keep the experience scalable across account types and devices.
  • Balanced data density with clear labels, spacing, and progressive detail.
  • Created patterns that could align with the broader Chase ecosystem.

What it demonstrates

Senior product design craft under real-world constraints.

This project shows UI leadership across financial data, responsive systems, stakeholder alignment, research-informed decisions, and polished execution.

Chase Investment Summary Process
Before and after Chase investment summary interface

Product UI / Fintech

Chase Investment Summary

A product-design process focused on turning dense account data into a clear, responsive experience for customers and a production-ready direction for the team.

  1. 01
    Define the user job

    Connect research, customer needs, and stakeholder goals around what clients need to understand first.

  2. 02
    Prioritize the hierarchy

    Bring account value, movement, markets, actions, and supporting modules into a scannable structure.

  3. 03
    Prototype responsive patterns

    Explore how the same financial story behaves across mobile, tablet, and desktop breakpoints.

  4. 04
    Deliver production clarity

    Translate the final direction into clean UI, design-system alignment, and engineering-ready decisions.

Fintech Dashboard

Investment Performance

Performance trends, market movement, and responsive dashboard patterns shaped into a clearer investor experience across desktop and mobile views.

Investment performance dashboard shown across desktop and mobile views

Context

Make performance data easier to interpret at a glance.

Investors need to understand how their portfolio is moving without reading dense tables first. The experience brings trend, time range, and contribution data into one responsive story.

Role

Shape the dashboard hierarchy and responsive UI patterns.

The work focused on chart readability, account-level performance signals, mobile adaptation, and production-ready interface patterns that could scale across financial views.

Design Decisions

Trend clarity and comparison behavior guided the layout.

  • Prioritized the chart as the primary decision-making surface.
  • Grouped time filters and performance metrics so users could compare quickly.
  • Designed mobile views to preserve the same story without shrinking every detail.
  • Balanced data density with white space, clear labels, and simplified scan paths.

What it demonstrates

Financial data visualization with responsive product craft.

This project shows dashboard thinking, data hierarchy, mobile adaptation, and UI systems judgment for complex financial products.

Investment Performance Process
Investment performance dashboard across desktop and mobile views

Product UI / Data Visualization

Investment Performance

A dashboard process focused on making portfolio movement, time ranges, and performance signals easier to compare across responsive product views.

  1. 01
    Frame investor confidence

    Clarify what clients need to understand about performance, market value, and contribution data.

  2. 02
    Map the data hierarchy

    Organize the chart, metrics, time filters, and supporting details around the clearest scan path.

  3. 03
    Prototype comparison views

    Explore how performance history behaves across desktop, tablet, and mobile compositions.

  4. 04
    Refine readable patterns

    Tune labels, spacing, chart emphasis, and responsive behavior so the data feels easier to trust.

Mobile Product Concept

Hotel Elite

A premium mobile command center concept for hospitality teams, guest context, staff profiles, and operational service decisions.

Hotel Elite mobile app screens for hospitality staff profiles

Context

Give hospitality teams fast access to identity and service cues.

The concept explores how a mobile product could help teams recognize staff, validate status, and act on guest or member context in a high-touch hospitality environment.

Role

Define the mobile UI language and premium service narrative.

The work centered on product concepting, screen composition, profile states, visual hierarchy, and a polished interface direction that feels secure, quick, and elevated.

Design Decisions

Status, portraiture, and action clarity carried the experience.

  • Used large profile imagery to make identity recognition immediate.
  • Built status labels and verification states into the card system.
  • Kept primary actions prominent so staff can act quickly in motion.
  • Used a dark, premium palette to support a luxury hospitality feel.

What it demonstrates

Mobile concept design with a premium service point of view.

This project shows product imagination, mobile UI polish, brand atmosphere, and the ability to turn a service scenario into a clear interface concept.

Hotel Elite Process
Hotel Elite mobile app screens for hospitality staff profiles

Mobile Product / Hospitality

Hotel Elite

A mobile concepting process that turns a high-touch hospitality service moment into a premium, role-based interface for recognition, status, and action.

  1. 01
    Identify the service moment

    Focus the concept around staff needing fast identity, membership, and guest-context signals.

  2. 02
    Define status behavior

    Shape tier, verification, check-in, delay, and validation states into a compact screen system.

  3. 03
    Compose the mobile profile

    Use portraiture, hierarchy, labels, and primary actions to make the interface readable in motion.

  4. 04
    Polish the premium UI

    Refine color, contrast, spacing, and visual atmosphere so the product feels elevated and secure.

Data Product

Workplace Insights

Dashboard storytelling for organizational health, employee sentiment, connectedness, and leadership visibility.

Workplace insights dashboard displayed on a tablet

Context

Turn workforce signals into a leadership-ready dashboard.

Teams need a way to understand organizational sentiment, collaboration health, and engagement patterns without losing the nuance behind the data.

Role

Translate people data into a clear product story.

The design work focused on dashboard composition, metric grouping, comparative reads, and a visual system that helps leaders scan insights without feeling overwhelmed.

Design Decisions

Comparison, legibility, and narrative hierarchy came first.

  • Organized key health indicators around quick comparison moments.
  • Used color and chart weight to separate positive, neutral, and risk signals.
  • Kept the interface dense enough for analysis while still feeling executive-ready.
  • Framed the data as a story about people, teams, and change over time.

What it demonstrates

Data storytelling for decision-makers.

This project shows dashboard strategy, information hierarchy, visual analytics, and the ability to make complex organizational signals easier to act on.

Workplace Insights Process
Workplace insights dashboard displayed on a tablet

Data Product / Workplace Strategy

Workplace Insights

A data-product process for translating organizational health signals into a dashboard leaders can scan, compare, and use in strategic conversations.

  1. 01
    Understand leadership questions

    Identify the workforce signals, team patterns, and sentiment themes leaders need to interpret.

  2. 02
    Structure the metric story

    Group connectedness, sentiment, and leadership indicators into a clearer information model.

  3. 03
    Design the executive dashboard

    Build visual hierarchy, comparison states, and chart treatments for quick decision-making.

  4. 04
    Support discussion

    Refine the interface so insights feel credible, concise, and ready for team alignment.

Motion Storytelling

Dunkin Loyalty

Visual direction and narrative framing for a loyalty transformation story designed to feel simple, energetic, and memorable.

Dunkin loyalty transformation original illustration frames
Dunkin loyalty transformation storyboard scenes

Context

Make a loyalty transformation feel instantly understandable.

The work needed to communicate a future-state program in a way stakeholders could quickly understand, remember, and rally around.

Role

Build the visual story and motion-ready system.

The direction connected brand energy, simplified product moments, storyboard logic, and visual assets that could support a concise transformation narrative.

Design Decisions

Brand recognition and simplicity drove the treatment.

  • Used recognizable Dunkin visual cues to anchor the story immediately.
  • Kept forms bold and graphic so the concept could work in motion.
  • Reduced the loyalty idea into simple moments that could be sequenced clearly.
  • Balanced playful energy with a polished presentation style for stakeholders.

What it demonstrates

Visual storytelling that can move a strategy forward.

This project shows motion thinking, brand fluency, narrative design, and the ability to make abstract transformation work feel tangible.

Dunkin Loyalty Process
Dunkin loyalty transformation storyboard scenes

Motion / Future-State Storytelling

Dunkin Loyalty

A storytelling process for explaining a loyalty transformation through simple moments, product cues, customer value, and a visual narrative people could understand quickly.

  1. 01
    Frame the transformation

    Clarify how the loyalty ecosystem changes for customers, employees, rewards, and digital touchpoints.

  2. 02
    Storyboard the journey

    Break the program into scenes that show onboarding, earning, redeeming, tiers, and engagement loops.

  3. 03
    Design the motion language

    Use illustration, pacing, and branded UI moments to make the strategy feel tangible and energetic.

  4. 04
    Make the vision shareable

    Create a concise product narrative that helps stakeholders see the future experience as a system.

Enterprise Onboarding

Global Banking Onboarding

Guided workflow and product storytelling for complex banking onboarding experiences across global business contexts.

Context

Reduce friction in a complex enterprise onboarding journey.

Banking onboarding can involve multiple stakeholders, documents, approvals, and handoffs. The experience needed to make progress, requirements, and next steps easier to understand.

Role

Translate process complexity into guided product direction.

The work brought structure to onboarding flows, content hierarchy, visual communication, and stakeholder alignment around a more guided experience.

Design Decisions

Progress, trust, and handoff clarity shaped the system.

  • Clarified where users are in the onboarding process and what comes next.
  • Grouped complex requirements into more manageable steps.
  • Supported enterprise trust through restrained visual design and clear labeling.
  • Designed the story so product, business, and implementation teams could align.

What it demonstrates

Enterprise UX thinking for complex financial workflows.

This project shows process design, stakeholder communication, onboarding strategy, and the ability to simplify high-friction business experiences.

Global Banking Onboarding Process
Bank of America product flow process documentation board

Enterprise UX / Financial Services

Global Banking Onboarding

An enterprise workflow process focused on turning a complex onboarding journey into a clearer, task-oriented experience for clients and internal teams.

  1. 01
    Map the onboarding system

    Capture stakeholders, requirements, documents, approvals, handoffs, and points of uncertainty.

  2. 02
    Frame the guided workflow

    Translate the process into clearer steps, progress signals, task groups, and next actions.

  3. 03
    Prototype the product story

    Use wireframes, interaction flows, and motion framing to explain the future-state experience.

  4. 04
    Align teams around clarity

    Package the narrative so product, business, and implementation partners can move together.

Service Design

Journey Maps + Blueprints

Future-state artifacts that align teams around touchpoints, systems, customer needs, and the operational shifts required to deliver better experiences.

Future-state journey map for quoting and proposals
Future-state maternity journey map and blueprint
Journey storyboard and service blueprint artifact

Context

Make the end-to-end experience visible to the whole team.

Journey maps and blueprints help teams see how customer needs, channels, internal systems, and service moments connect across the full experience.

Role

Map the experience from user need to operating model.

The work translated research, touchpoints, pain points, and future-state opportunities into artifacts that could guide product, service, and stakeholder decisions.

Design Decisions

Alignment artifacts need structure, not decoration.

  • Separated customer actions, backstage systems, and team responsibilities.
  • Used a clear visual path so complex journeys could be read quickly.
  • Highlighted moments of friction and opportunity without overloading the artifact.
  • Created a format that could support workshops, planning, and product direction.

What it demonstrates

Systems thinking across product and service experiences.

This project shows facilitation-ready artifacts, service design structure, journey synthesis, and the ability to connect user experience with operational reality.

Journey Maps + Blueprints Process
Quoting and proposals journey map and service blueprint

Service Design / Systems

Journey Maps + Blueprints

A service-design process built to help teams see the full ecosystem: customer needs, touchpoints, internal systems, pain points, and future-state opportunities.

  1. 01
    Map the current reality

    Gather research, user scenarios, operational steps, and cross-functional dependencies into one view.

  2. 02
    Identify moments that matter

    Highlight friction, decision points, emotional shifts, and service gaps that shape the experience.

  3. 03
    Blueprint the future state

    Connect frontstage experience with backstage systems so product and service teams can act on it.

  4. 04
    Create alignment artifacts

    Turn complex strategy into visual tools for workshops, roadmap conversations, and stakeholder decisions.

Service Design Toolkit

Archetypes & Mindsets

Research-informed archetypes and mindset tools that help teams understand behaviors, motivations, mental models, and the people they are designing for.

Archetypes and mindsets service design cards
Archetype tablet and character illustration toolkit

Context

Translate research insights into tools teams can actually use.

The toolkit turns behaviors, motivations, and mental models into clear visual archetypes that support empathy, alignment, and more informed product and service decisions.

Role

Design the archetype framework, characters, and layout system.

The work included character illustration, page composition, systemized layouts, and scalable assets for print, tablet, desktop, workshops, and stakeholder communication.

Design Decisions

Empathy tools need to feel clear, human, and repeatable.

  • Created distinct archetype personalities that made research easier to remember.
  • Balanced illustrated character moments with concise behavioral and mindset details.
  • Built layouts that could scale across presentations, workshops, and digital formats.
  • Used the system to bridge research, product strategy, and service design conversations.

What it demonstrates

Research synthesis, illustration, and service design working together.

This project shows the ability to turn qualitative insight into polished, reusable artifacts that help cross-functional teams make better experience decisions.

Archetypes & Mindsets Process
Archetypes and mindsets service design cards

Research Synthesis / Toolkit

Archetypes & Mindsets

A synthesis process that turns qualitative research into memorable archetypes, giving teams a shared language for empathy, prioritization, and human-centered decisions.

  1. 01
    Synthesize behaviors

    Cluster research findings into motivations, mental models, behaviors, and recurring decision patterns.

  2. 02
    Shape the archetype system

    Create distinct characters, naming, hierarchy, and content structure that teams can quickly remember.

  3. 03
    Visualize the toolkit

    Design illustrations and layouts that make abstract research feel clear, human, and workshop-ready.

  4. 04
    Scale across touchpoints

    Prepare assets for print, tablet, desktop, presentations, and service design conversations.

Process

Design thinking shown through project evidence.

My process shifts by context, but the pattern is consistent: understand the system, make the work visible, shape the experience, and turn strategy into artifacts teams can use.

01

Understand

Research signals, stakeholder needs, business constraints, and service moments.

02

Frame

Translate ambiguity into a clear problem, user job, experience map, or design brief.

03

Make

Prototype flows, hierarchy, visual systems, motion narratives, and service artifacts.

04

Align

Use polished storytelling to help teams make decisions and move toward production.

Detailed Documentation + Framework

Long-form artifacts show how the process was captured while it was happening.

The framework above explains the method. These boards show the working layer underneath: journeys, decisions, flow changes, stakeholder notes, and visual direction captured in one evolving source of truth.

Verizon InVision journey process documentation board

Verizon / Journey System

InVision journey documentation

  1. Capture the full experience flow
  2. Annotate screens, states, and decisions
  3. Track iteration across reviews
  4. Turn the board into alignment material
Bank of America robo advisory process documentation board

Bank of America / Product Flow

Robo advisory process board

  1. Define the product scenario
  2. Map user intent and system response
  3. Explore interface and content structure
  4. Document decisions for product alignment
CFDA InVision journey process documentation board

CFDA / Service Narrative

InVision service journey

  1. Sequence the service experience
  2. Connect interaction moments to user needs
  3. Use artifacts to guide critique
  4. Carry the story into final presentation

AI + Design

AI as a design accelerant, with human judgment kept in front.

AI belongs in the portfolio as process, not hype: concept exploration, research synthesis, workflow acceleration, visual direction, and prototyping support.

Prompt to product direction

Generate territories quickly, then refine with hierarchy, accessibility, and brand judgment.

Research synthesis

Use AI to cluster themes while keeping final interpretation grounded in human design sense.

Motion and storyboarding

Accelerate narrative frames for product videos, strategy decks, and future-state stories.

Contact

Hideki Aono

UI/UX/AI Product Designer

Senior UI design for complex digital products across fintech, enterprise, service design, motion, data visualization, and AI-enabled workflows.

Let's make the next product feel clearer, sharper, and easier to trust.