Finding and Visiting Easily Art Galleries, Lausart

Lausart is an app designed for the City of Lausanne, Switzerland. It will help users find art galleries quickly and visit them by developing a simple booking system.

My role
User Research
User Experience Design
Interaction Design
Visual Design
Brand Design
Supervisor
Sara Tung
Timeline
3 month
February - May 2022
Tools
Adobe XD
Photoshop
Illustrator
Miro
Figma
My role
User Research
User Experience Design
Interaction Design
Visual Design
Supervisor
Sara Tung
Timeline
3 month
December- February 2022
Tools
Photoshop
Illustrator
Miro
Maze
Figma
My role
User Research
User Experience Design
Motion Design
Visual Design
Supervisors
Sara Tung and Elina Zhang
Timeline
3 month
May - July 2022
Tools
After Effects
Adobe Aero
Rhinoceros
Unity
Photoshop
Illustrator
Miro
Figma

Overview

Brief
This case study was made as part of the Google UX design certificate. I decided to work on Local art galleries as they struggle to get more visitors. Yet, the city is riched in art lovers and has worldwide known schools and universities that provide new designers and artists every year.
Approach
My work process followed mainly the design thinking methodology. The research helped me to understand the topic and define the design problem. After narrowing down my findings, I determined design objectives. Thus it allowed me to design through sketching, iterating, and user testing.
Outcome
I designed Lausart, an app to find art galleries and book visits based on my research and ideation. It helps the city by promoting local art, the art lovers by giving them a new tool to discover quickly and easily exciting artworks, and the galleries by providing potential new clients.

Competitive audit

I learned why competitors are successful and how they could improve through competitive audit, which also inspires my designs. Check out the complete competitive audit report:

Competition audit

User Research

After gaining valuable data from existing online resources, I conducted secondary research, including market and competitor research. Later, I conducted primary research, including an email survey and an interview with users.

Research synthesis

The user research information, including both surveys and interviews, is compiled in an empathy map container. (Amazing sticky note pictures are available on request.)
Following that, the same group of stickers is classified into groups in a mapping activity.
Using this method helps me prepare feedback and material for ideation such as personas and a user journey map.
‍

No items found.

Define-ideation

Problem statement

Sketching

Sketching is essential to my thought process as it helps me conceptualize my abstract ideas quickly in crazy eight sessions, for instance.
I also love to create storyboards to visualize the use of my designs if the context of use is essential.

Information architecture and user-flow

To generate a sitemap based on user needs, I prepared cards based on the competition website's content and the interviews' comments. Then, I organized them depending on what felt useful for the personas and discarded what felt not for them.

No items found.

Wireframes

I started by sketching as it was quicker to iterate on tracing paper. I based the UI design on apps related to art (Smartify and Instagram) that primary users usually use. Then, I adapted the design to the ideas I had through the crazy eight rounds and brainstorming sessions. I decided to keep the map as the primary focus as it represented the best the user needs and gave users an intuitive way of interacting with the app.

Prototypes-Tests

Mid-fi prototype

Guidance Sequence

Navigation

Usability study

I conducted three rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining. The last study used a high-fidelity prototype and a video to define clearly the last changes needed for a good AR experience. The research plan and the KPIs are available on request.

Prototypes-Tests

Mid-fi prototype

Usability study

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining. The research plan and the KPIs are available on request.

Prototypes-Tests

Mid-fi prototype

Complete a booking.

Use the filter section.

Navigate through the different pages

Usability study

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining. The research plan and the KPIs are available on request.

Style Guide

Moodboard

Through the interview, different themes were frequent and on that basis, I chose colors, illustration styles and fonts to develop the high fidelity prototype. The images were also chosen based on the experience users will have on the site with the view on the lake and the nature around.

High-fidelity prototype

Log in

Find the filter option

Find the list option

Follow the guidance sequence

Navigate through the different pages

Navigate through the Homepage to select a program

Watch the trailer through the Homepage

Complete easily a transaction

Find information efficiently

Check my prototypes!

High-fidelity prototype in the context

Explore the ruins

High-fidelity prototype

Navigate through the homepage
and select a program.

Watch the trailers.

Complete a transaction

Use the search option

Navigate through the Homepage to select a program

Watch the trailer through the Homepage

Complete easily a transaction

Find information efficiently

Check my prototypes!

Deskop prototype
Tablet prototype
Mobile prototype

High-fidelity prototype

Complete a booking with the map.

Complete a booking with the list.

Use the filters.

Navigate through the different pages.

Check my prototype!

Prototype

Check my prototype!

Prototype

Takeaways

Think through all sizes

I learned a lot about adopting a design to different device sizes, which also need thinking about the developer's work later. I also observed that even a slight design change could significantly impact the user experience, such as deleting an unnecessary step or the color of a button.
‍
It was also challenging to learn and design on Adobe XD on an entirely new project. However, it additionally helped to think through alternative approaches when prototyping on Figma.

Don't forget about space and time

I learned how to design an AR app as it implies safety and spatial awareness of the context. It also meant learning different prototype technics such as Wizard of prototyping and videos to test the AR experience.
Finally, to create a great AR user experience, planning and thinking of the experience as a movie with precise timings is essential.

What is the true problem?

The obvious question was at first sight: "how to make art galleries more interesting?" after a few interviews, it became clear that the actual problem was: " how can we find art galleries?".
‍
While designing the Lausart app, I learned a lot about art galleries and the general biases we can have about art.

Slide deck presentation
Slide deck presentation
Slide deck presentation
UX/UI design | Motion design

A Digital Bridge to the Past:
AR for Inclusive Historical Exploration

An AR app is proposed as a solution to give more context to the visit to the ruins and allow people with low mobility to view details that would be inaccessible before.

UX/UI design | Motion design

Rethink Film Festivals, LMFF

Project for an association preparing a music movie festival with a limited budget. The website will help the user to discover, organize their visit and get practical information during the festival.

Interested in working together?
‍Get in touch.