Go Gallery
(mobile)
(mobile)
Design of the Go Gallery mobile interface focused on intuitive browsing, artist discovery, and accessibility.
Role: Solo UI/UX Designer
Duration: 4 Weeks
Tools: Figma
Year: 2025
Go Gallery is a mobile application designed to make art accessible to everyone, with a special focus on users with disabilities. The app bridges the gap between art enthusiasts and masterpieces by providing audio guides for every artwork, nearby museum discovery with distance information, and comprehensive artist and artwork details. This project demonstrates how thoughtful, inclusive design can remove barriers and enhance cultural exploration for all users.
Art gallery and museum applications often overlook accessibility needs, creating barriers for people with disabilities who want to explore and learn about art. Additionally, art enthusiasts struggle to find comprehensive information about artworks and nearby museums in one centralized, accessible platform.
Accessibility Barriers: Existing art apps primarily rely on visual content, making it difficult for users with visual impairments to fully engage with artwork information
Fragmented Information: Users must visit multiple platforms to find artwork details, artist information, and museum locations
Limited Audio Support: Most apps lack audio narration features, excluding users who prefer or require auditory learning
Museum Discovery: Finding nearby museums and understanding their distance requires switching between multiple apps
Understand the needs of users with disabilities when accessing art content
Identify pain points in existing art discovery applications
Discover what features would make art more accessible and engaging
Learn how users currently find and visit museums
Empathy Mapping: Understanding user feelings, thoughts, actions, and pain points
Journey Mapping: Mapping the current experience of discovering and learning about art
Persona Development: Creating a detailed user persona to guide design decisions
After analyzing user research, I identified core features that would address user pain points:
Must-Have Features:
Audio guide for every artwork
Detailed artwork and artist information
Nearby museum discovery with distance
Easy navigation and accessible design
Personal collections and favorites
Artist following and discovery
Nice-to-Have Features:
Social features (likes, shares)
User profiles
Multiple language support
Primary User Flow: Discovering Art with Audio Guide
User opens app → Sees featured artworks on home screen
User taps on artwork → Views artwork detail page
User taps "Play Audio" button → Listens to narrated artwork information
User can like, share, or save to favorites
User sees museum location and distance
Secondary User Flow: Finding Nearby Museums
User navigates to Museums section
App shows nearby museums on map
User sees distance from current location
User can tap museum for more details
Low-Fidelity Wireframes: Created initial sketches and low-fidelity wireframes to test basic layout and navigation patterns. Focus was on:
Clear visual hierarchy
Easy access to audio controls
Prominent display of accessibility features
Simple, intuitive navigation
High-Fidelity Wireframes: Refined wireframes with:
Detailed component placement
Content hierarchy
Interactive elements positioned for easy access
Spacing and layout optimized for readability
Dark Theme Choice I chose a dark theme for several strategic reasons:
Content Focus: Dark backgrounds make colorful artworks stand out, creating a gallery-like atmosphere where art takes center stage
Reduced Eye Strain: Especially important for users who spend extended time browsing
Modern Aesthetic: Aligns with contemporary design trends and user preferences
Elegance: Creates a sophisticated, museum-like ambiance
Audio Guide Implementation
Prominent "Play Audio" button on every artwork detail page
Clear visual indicators for audio playback
Simple controls: play/pause functionality
Audio content includes artwork description, artist bio, historical context, and cultural significance
Selected clear, readable fonts with good contrast
Adequate text sizing for accessibility
Proper line spacing and paragraph breaks
High contrast between text and background
Created reusable components:
Buttons: Consistent style with clear states (default, hover, active, disabled)
Cards: Artwork and artist cards with uniform sizing
Icons: Simple, recognizable iconography
Audio Controls: Intuitive play/pause buttons
Primary: Dark backgrounds
Accent: Blue tones for interactive elements and CTAs
Text: White
Created a fully interactive prototype in Figma featuring:
Page-to-page navigation with transitions
Interactive buttons and controls
Audio button interactions
Scrolling behaviors
Micro-animations for enhanced UX
Developed component systems including:
Button states (default, hover, pressed)
Navigation bar states
Audio control states
Onboarding Flow: Smooth transitions between welcome screens
Authentication: Login/signup with password visibility toggle
Navigation: Bottom navigation bar with active state indicators
Audio Controls: Tap to play/pause audio guides
Like & Save: Heart icon animation for favorites
Scroll Interactions: Smooth scrolling through artwork grids
Artist Following: Follow/unfollow toggle