Retail

Revitalizing Digital Art Experiences

Reimagining Meural’s IoT-based web and mobile app to simplify interactions, reduce visual clutter, and enhance social engagement across digital canvases.

22%

Improvement in task clarity

18%

Reduction in interaction friction

15%

Increase in overall usability
CLIENT
Meural
TEAM
UX Designer, UI Designer, Product Stakeholders

Services Used

UI & Visual Design
the problem

The Challenge

Meural’s app controlled a connected digital canvas designed to display curated art playlists, animations, and personal photo slideshows. However, as features grew over time, the interface became visually cluttered and difficult to navigate. 

Users struggled with unclear interactions, confusing content access, and unintuitive workflows—particularly when uploading photos or distinguishing between free and paid content. The challenge was to simplify the experience without compromising the richness of the digital art offering. 

Key Pain Points Identified 

  • Overcrowded interface with competing visual elements 
  • Complex and unintuitive photo upload flow 
  • No clear distinction between free and paid content 
  • External links opening inside the app, causing confusion 
  • Poor visibility of tappable elements 

Research & Discovery

Heuristic Evaluation

Heuristic Evaluation

Conducted a structured heuristic review to identify usability gaps across core app experiences.

Flows ReviewedBrowsing, Uploads
Usability Issues Identified18+
Severity Levels Low to Critical
UX Workshops & Insights

UX Workshops & Insights

Collaborative How Might We workshops and internal reviews to align on problems and prioritize solutions.

Workshops Conducted4
Key User Stories Reviewed20+
Prioritized UX Opportunities6

Key Research Findings

35%

Interaction issues were caused by unclear tap targets

28%

User confusion stemmed from content access ambiguity

25%

Friction points appeared during photo upload flows

Our Solution

We redesigned Meural’s app experience to be clean, intuitive, and visually calm—allowing art to take center stage while simplifying interactions and introducing meaningful social engagement features. 

Vector (8)
Simplified Interface
  • Reduced visual clutter through improved hierarchy 
  • Clear separation of primary and secondary actions 
  • Enhanced readability and focus on artwork 
Group
Intuitive Content & Upload Flow
  • Streamlined photo upload from phone to canvas 
  • Clear content categorization and personalization controls 
  • Improved moderation and playlist management 
Group (1)
Social Sharing Experience
  • Introduced social playlist collaboration 
  • Enabled easy peer addition and shared viewing 
  • Encouraged engagement through effortless sharing 

 

Measurable Impact

Task Clarity
+22%

Task Clarity

Clearer task understanding

Before:55%
After:77%
Photo Upload Success
+22%

Photo Upload Success

Fewer failed uploads

Before:60%
After:82%
Navigation Comprehension
+20%

Navigation Comprehension

Easier screen understanding

Before:58%
After:78%
Interaction Discoverability
+23%

Interaction Discoverability

Actions easier to find

Before:62%
After:85%
Overall Usability
+15%

Overall Usability

Improved user confidence

Before:65%
After:80%

Methodology & Testing

Heuristic Evaluation

Heuristic Evaluation

Identified usability violations and friction points

User Story Mapping

User Story Mapping

Reframed flows around real usage scenarios

Iterative Validation

Iterative Validation

Continuous refinement through design reviews

testimonial-element-top

Key Learnings & Insights

Clarity Drives Engagement

Reducing visual noise significantly improves interaction confidence.

Art Needs Space

Letting content breathe enhances perceived quality.

Social Features Add Value

Shared experiences deepen emotional connection.

Micro-Interactions Matter

Clear tap indicators drastically improve usability.

Design Process Deep Dive

Discovery & Research

Discovery & Research

We followed a structured, UX-driven process to evaluate usability, refine structure, and design clear, scalable interfaces.

  • Heuristic evaluation to identify usability gaps
  • Wireframing and UI prototyping for validation
  • Information architecture and validated wireframes
  • Style guide and final UI screens
  • Prioritized clarity over feature density for better usability

 

Ideation & Prototyping

Ideation & Prototyping

Using research insights, we explored and validated solutions through iterative ideation and rapid prototyping. 

  • Design thinking workshops to explore solutions
  • Multiple wireframe iterations tested
  • Interactive prototypes for key user flows
  • Continuous stakeholder feedback integration 
Testing & Validation

Testing & Validation

Before final delivery, we validated designs through usability testing to ensure effectiveness, accessibility, and real-world performance. 

  • Moderated usability testing sessions
  • Unmoderated testing with real users
  • A/B testing of key design decisions
  • Accessibility and compliance validation 

Implementation & Handoff

div (2)

Design System

Built a reusable design system to ensure consistency across screens and components. 

  • Annotated design screens
  • Interaction & behavior documentation
  • Scalable UI components 
div (1)

Responsive Design

Defined clear responsive guidelines to support scalability across devices. 

  • Mobile-first layouts
  • Tablet and desktop adaptations
  • Consistent behavior across breakpoints 
div

Accessibility

Ensured inclusive design standards were met during handoff. 

  • WCAG-aligned design checks
  • Clear contrast and readable UI
  • Keyboard and interaction accessibility 

Developer Handoff Process

Documentation

Detailed UX documentation, design specs, and annotated screens for clarity.

Assets

Delivery of design assets, icons, and supporting files for development.

Collaboration

Design walkthroughs and alignment sessions with developers during build.

QA Support

Continuous design reviews and testing support during implementation.
icon top.svg
icon top.svg
icon bottom
icon bottom

Ready to Transform Your Conversion Rates?

See how we can apply similar strategies to your product. Let's discuss your conversion optimization challenges and explore proven solutions.

hand icon