Tekkeikan Website

Tekkeikan is a kendo club based in Schöneberg, Berlin. 

In case you were wondering, here you can find out what kendo is about. Founded in 2011, it’s one of the most popular dojo in the city, and it currently holds the title of the 2023 Berlin Kendo Championship.  After updating their logo, I was also entrusted with a re-styling of the website. It’s a work-in-progress project, but here you can have an idea about how it started and how it is developing.


Tekkeikan

Tekkeikan

Tekkeikan

New look for Tekkeikan’s existing website, keeping the same content but re-organizing the design architecture.

The main goal: attract new potential members to the club.

Project Duration

Project Duration

Project Duration

November 2023 - Ongoing

My Role

My Role

My Role

UX, UI and visual design, creating a high-fidelity prototype for delivery to developers.

Responsibilities

Responsibilities

Responsibilities

Conducting competitive audits, paper and digital wireframing, low and high-fidelity prototyping, icon design, proposals on design architecture, 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