Romel Galorio

View Resume

Reducing friction and cognitive load during page creation.

Removing Friction & Cognitive Overload

The Journey Page Builder allows users to create personalized proposal landing pages.

Role

Product Designer

Timeline

1 Month

Users

Sales Teams & Business Owners

The image featured at the top of the about us page #2
The image featured at the top of the about us page #2
The image featured at the top of the about us page #2

The Problem

Users couldn't

find their way forward

The existing interface creates unnecessary friction due to a cluttered layout, unclear steps, and multiple system dependencies.

01

Unclear Next Steps

Internal feedback highlighting

confusion around what to do next

Internal feedback highlighting confusion around what to do next

02

Navigation Loops

Internal feedback highlighting confusion around what to do next

03

Weak Hierarchy

Internal feedback highlighting confusion around what to do next

02

Navigation Loops

Users repeatedly cycling through

pages without completing tasks

03

Weak Hierarchy

Content overload and poor scanability


01

Unclear Next Steps

Internal feedback highlighting confusion around what to do next

03

Weak Hierarchy

Content overload and poor scanability

02

Navigation Loops

Users repeatedly cycling through pages without completing tasks

MY ROLE

Product Designer

The image featured in the middle of the about us page
The image featured in the middle of the about us page
The image featured in the middle of the about us page

Clarify the user journey and next steps

Clarify the user journey and next steps

Improve content scanability and hierarchy

Reduce workflow dependencies

Reduce workflow dependencies


Enable easier iteration for future enhancements

Enable easier iteration for future enhancements

Clarify the user journey and next steps

Improve content scanability and hierarchy

Reduce workflow dependencies


Enable easier iteration for future enhancements

Research & Insights

Uncovering the root causes

Heuristic Evaluation

Competitor Benchmarking

User Behavior Review

Through heuristic evaluation, competitor benchmarking, and review of internal feedback, I

identified patterns that were blocking user success.

Through heuristic evaluation, competitor benchmarking, and review of internal feedback, I identified patterns that were blocking user success.

Through heuristic evaluation, competitor benchmarking, and review of internal feedback, I identified patterns that were blocking user success.

The image featured in the middle of the about us page
The image featured in the middle of the about us page
The image featured in the middle of the about us page

Research Insight

Research

Insight

Design Decision

Design

Decision

Users usually skim content

Reduced text density for instructions

Users lacked a sense of progression

Introduced clearer grouping & visual hierarchy

Similar content competed for attention

Standardized card layouts to improve scanability

Complex Steps

Multiple paragraphs of instructions visually dominated the screen, causing cognitive overload and preventing users from scanning effectively.

Broken Dependencies

Key actions required leaving the Page Builder to access the Library, causing mistakes and disrupting

user flow.

Design Approach

Clarity over complexity

The redesign focused on restructuring information rather than adding new UI patterns.

Primary actions were made more prominent, while secondary information was deprioritized to reduce noise.

Through heuristic evaluation, competitor benchmarking, and review of internal feedback, I identified patterns that were blocking user success.

Through heuristic evaluation, competitor benchmarking, and review of internal feedback, I identified patterns that were blocking user success.

Simplifying the Layout

Simplifying the Layout

Content was grouped more intentionally, spacing was adjusted to create breathing room, and visual hierarchy was strengthened to guide attention naturally.

Content was grouped more intentionally, spacing was adjusted to create breathing room, and visual hierarchy was strengthened to guide attention naturally.

Clarifying Visual Hierarchy

Clarifying Visual Hierarchy

Typography, spacing, and component consistency were refined to ensure users could quickly scan and understand what actions are available.

Typography, spacing, and component consistency were refined to ensure users could quickly scan and understand what actions are available.

Reducing Workflow Dependencies

Reducing Workflow Dependencies

Users can now upload logos or videos directly without jumping back to the Library, streamlining the creation process.

Users can now upload logos or videos directly without jumping back to the Library, streamlining the creation process.

Outcomes & Metrics

Measuring Success

Helped drive 25–30% revenue growth by using Clarity Video that showed intuitive, low-friction workflows that enabled non-tech savvy users to succeed quickly and convert leads. First-time users reported immediate success with testimonials emphasizing the ease of use and fast results.

Key Learnings

Structure Over Features

Clear hierarchy and structure often have more impact than adding new features.

Small layout and spacing adjustments can significantly influence user confidence and decision-making when applied intentionally.

Clear hierarchy and structure often have more impact than adding new features. Small layout and spacing adjustments can significantly influence user confidence and decision-making when applied intentionally.

Visit Clarity

All rights reserved © 2026

Romel Galorio

Create a free website with Framer, the website builder loved by startups, designers and agencies.