Tekkeikan Website

This is a study project worth sharing. I'm going take you through all the usual steps that you would expect a UX designer to know, so you won't mistake me for a rogue AI trying to take over the design world.

Art.Be

Art.Be

Art.Be

ART.BE is an app designed for artists and art lovers living in Berlin. It serves as a platform to connect these two groups through exhibitions, workshops, and open studio events.

Project Duration

Project Duration

Project Duration

September - November 2023

My Role

My Role

My Role

UX and UI, designing the app from conception to delivery.

Responsibilities

Responsibilities

Responsibilities

Interviewing users for research, crafting paper and digital wireframing, low and high-fidelity prototyping, conducting two usability studies, initiating testing on accessibility, and iterating on designs.

Website before redesign

Website before redesign

First Impression


A lot of content, a lot of pages, a lot of text.
Few pictures, few CTA. 

Especially when handling a lot of information,
I believe buttons become essential.

First Steps


After re-creating the sitemap on Miro, I proposed a new structure and agreed on a version with less content.

Then I started wireframing, both for desktop and mobile of course, asking them to mark their favourite parts with cute little stars. 

For the record, I like stars only on wireframes and unlimited blue surfaces. Never on clothing. Never.

Let’s release

the buttons.

First Impression


A lot of content, a lot of pages, a lot of text.
A few pictures and CTA's. 

Especially when handling a lot of information,
I believe buttons become essential.

Let’s release

the buttons.

First Steps


After re-creating the sitemap on Miro, I proposed a new structure and agreed on a version with less content.

Then I started wireframing, both for desktop and mobile of course, asking them to mark their favourite parts with cute little stars. 

For the record, I like stars only on wireframes and unlimited blue surfaces. Never on clothing. Never.

After collecting feedback, I transitioned to one of my favorite stages in the design process: prototyping. Initially, I conducted a basic test on the Low-Fidelity version, and upon confirmation of its success, proceeded to refine the High-Fidelity prototype.

Prototyping
Design System

In parallel, as there were no existing brand identity guidelines, I started creating their first Design System, based on the color palette of the logo, but adding more keeping in mind all the possible states of the buttons.

Design System

In parallel, as there were no existing brand identity guidelines, I started creating their first Design System, based on the color palette of the logo, but adding more keeping in mind all the possible states of the buttons.

Prototyping

After collecting feedback, I transitioned to one of my favorite stages in the design process: prototyping. Initially, I conducted a basic test on the Low-Fidelity version, and upon confirmation of its success, proceeded to refine the High-Fidelity prototype.

Prototyping
What I learned

This project gave me the opportunity to collaborate closely with web developers, allowing me to gain a deeper understanding of their perspective on various design principles. Despite the numerous iterations involved, I maintained confidence in the process, knowing that the final result would be improved – and indeed it was. Once again, I was able to practice keeping the user at the forefront of my considerations.

Let’s
Connect

©

Elena Leone

2024

Let’s
Connect

©

Elena Leone

2024

Let’s
Connect

©

Elena Leone

2024