LUMINA MUSEUM
WEBSİTE DESIGN

UX Design Case Study –Student Project
Duration: 1 month

A user-friendly website for an art museum that engages the visitors with the museum content as well as provides a smooth process for planning a visit and ticket purchase.

To see the details of the project, visit Lumina Museum App Design.

Problem Statement

Museum visitors often face difficulties in discovering current and upcoming exhibitions and events, accessing essential museum information, and scheduling their visits efficiently. The lack of a streamlined, user-friendly digital platform results in lower engagement and attendance, as well as a suboptimal visitor experience.

Goals

Create a user-friendly and responsive website that centralizes exhibition and event information, provides all the essential information visitors need to plan their museum experience seamlessly, and simplifies the ticketing process.

Design Process

Define & Emphatize

User Research
User Persona
User Journey

Ideate

User flow
Information architecture

Design & Prototype

Wireframe
Lo-fi design
Hi-fi design
Prototype

Test

Feedback
Conclusion
Next Steps

Information Architecture

Paper Wireframes

Based on the core features identified through user research, I created the initial wireframes for each screen as hand-drawn sketches to map out the website’s structure and functionality.

Low Fidelity Wireframes

After putting my ideas on paper, I decided the first draft look of the website among several iterations. I transformed these hand-drawn ideas into digital wireframes in Figma. Using the user flow diagram and wireframes, I developed a low-fidelity website design and ensure the it was responsive and user-friendly before finalizing the design.

Review

After reviewing the low fidelity design and usability study, I created the high fidelity design. Considering the usability study results of the app previously, I mainly created the homescreen based on the feedback there.

High Fidelity Prototype

Home Screen

After finalizing the low-fidelity wireframes, I focused on creating the final designs with a goal of making them visually engaging and easy to navigate. The main color palette I chose blending warm, earthy tones with a soft, elegant contrast to create a welcoming and sophisticated atmosphere for users.

Plan Your Visit

I designed the “Plan Your Visit” page for Lumina Museum’s responsive website, focusing on providing visitors with essential information such as opening hours, ticketing options, directions, and accessibility features. This page highlights user convenience and complements the overall design with an intuitive layout and engaging visuals.

Buy Ticket

I designed the “Buy Your Tickets” pages to simplify the ticket purchasing process for users, offering clear options for general and reduced admissions. The responsive layout ensures a seamless user experience across devices, with an intuitive shopping basket for easy review and confirmation of selections.

Style Guide

Color Palette

I selected a color palette that balances with the museum’s branding colors, that is warm, deep, and clear. I used the main color of museum logo, rust red as the accent color, to emphasize and engage the brand colors. To make the app more accessible and the content more readible, I used white as the primary background color to create a clean and neutral canvas. Deep plum was applied as the secondary color to provide contrast and structure, particularly in navigation and key UI elements.

Typography

I combined the color palette with a clean and modern typography system to enhance readability and align with the museum’s sophisticated brand. Helvetica Neue as the primary typeface, enhances an elegant, user-friendly and minimalist design.

Icons and Buttons

I designed the icons with a minimalist and user-friendly style, ensuring clear visual communication and easy recognition for seamless navigation. For a simplistic design, I used Font Awesome as the source.

Key Takeaways

Designer-Color-Palette--Streamline-New-York

During the design process of the Lumina Museum website, I learned that a responsive design is key to create a balance in aesthetics with functionality for a user-centric experience. This enables the website to be accessible and appealing on different devices. I learned more about how clear navigation and intuitive interfaces can make users’ journeys easier and reduce friction on common actions like buying tickets or exploring content.

Illustration by Vincent Le Moign

Thank you for your interest!

If you’d like to connect or discuss opportunities, I would be glad to hear from you!

Get in Touch

LUMINA MUSEUMWEBSİTE DESIGN