Art-Clusive Responsive Website Case Study
After completing the mobile app for Art-Clusive, I saw an opportunity to expand the experience by designing a responsive website. Rather than replicating app features, this version focuses on planning and orientation, helping visitors feel confident and informed before they ever step inside a gallery. With a strong foundation of user research and accessibility insights, I created a site that supports curiosity, planning, and inclusion across devices.
Tools Used
Figma
Google Forms
Canva
Photoshop
My Role
UX/UI Designer
Researcher
Visual Designer
Goals & Focus Shift (Web vs App)
The Art-Clusive app was designed for in-gallery interaction, supporting navigation, pacing, and real-time customization. This means that users can adjust the app's settings on the go, tailoring their experience to their individual needs. The responsive website, on the other hand, is designed for the moments that happen before a visit: searching for current exhibitions, understanding accessibility accommodations, and previewing the space.
Both the Art-Clusive app and the responsive website prioritize inclusive design. However, the web experience shifts focus from interaction to orientation. It enables users, particularly those with disabilities or sensory sensitivities, to plan visits in a manner that feels informed, approachable, and flexible across all devices. This approachability ensures that users feel welcome and comfortable during their visit to the gallery.
Key Research Insights (Recap)
Research for the original Art-Clusive app highlighted the great variety of user needs. 40% of participants reported having a disability or accessibility need, and many shared that traditional museum websites made it hard to plan. Accessibility information was often buried, hard to scan, or missing entirely.
Visitors expressed the need for:
Precise, upfront accessibility details
A sense of what’s on view before arrival
Options to explore virtually or preview exhibits
Content that’s sensory-friendly, easy to navigate, and available across devices
This insight guided the structure and tone of the responsive website: supportive yet not overwhelming, informative yet not clinical.
Design Solutions: Responsive Web Experience
The Art-Clusive website was designed to guide users through the planning phase of their visit, with a clear structure, responsive layouts, and accessibility as primary features, not afterthoughts. Each page adapts across screen sizes, with the mobile experience simplified for ease of use and the desktop layout expanding to support discovery and orientation.
Rather than duplicating the app’s in-gallery functionality, the website focuses on what comes before: preparation, exploration, and building comfort. These screens highlight key flows that support users in navigating their visit from any device.
Homepage Across Devices
The homepage serves as a digital entry point, designed to evoke the calm, structured ambiance of a museum lobby. It welcomes users with a large hero image, an apparent “Plan Your Visit” CTA, and immediate access to current exhibitions and events. Content blocks transition seamlessly from multi-column layouts on desktop to stacked sections on mobile, ensuring clarity across all devices.
The “Explore from Anywhere” banner invites visitors to preview collections through accessible video tours, giving hesitant users a gentle way to engage before committing to an in-person visit.
Macbook Pro 16" & 14", iPad Pro 11" & iPhone 16 Pro