Project Overview

The goal was to create an engaging and dynamic website to promote the event and provide essential information to participants and attendees.

problem

The lack of a centralized platform posed significant challenges in organizing event, managing participants, and facilitating communication among coaches and clubs. Sharing important information such as competition schedules, rules, and registration details through email and physical flyers resulted in confusion and potential discrepancies. This decentralized approach made it difficult for participants to access up-to-date information and for organizers to efficiently manage the meet, exacerbating communication difficulties within the gymnastics community.

solution

The platform allowed participants to easily access up-to-date information, simplifying their experience and ensuring they were well-informed about the meet. Coaches and organizers could efficiently manage participant registrations, track progress, and communicate important updates, streamlining the overall event management process.

Design Strategy

target
audience

‍

Coaches
Gymnastics club
Gymnasts
Parents/Guardians

general
task

Event information
Registration information
Schedule
Contact information

tech
requirements

The design and content should dynamically adjust to provide optimal readability, navigation, and usability on different screens.
Thorough testing across devices, browsers, and screen sizes.

Design Process

RESERCH & IDEATE

During this stage, as a web designer, I engaged in discussions with coaches and the competition organizers to determine the project's concept, the main functionalities required for the platform, the information to be presented, and the desired design style envisioned by the client.

UI DESIGN

Focused on developing a design system that would guide the visual aspects of the project. This included selecting appropriate colors, and typography and creating a consistent set of styles and components that would maintain cohesiveness across the website

WIREFRAMES AND PROTOTYPING

The website's homepage featured a hero section with an invitation phrase showcasing the competition dates, athlete levels, and the world-class hosting venue. The layout accommodates a responsive grid system optimized for desktop viewing at 1440x1024 resolution.

THE LAUNCH PROCESS

The implemented design was launched on the Webflow platform, utilizing expert web development skills. The design system, graphic elements, and wireframes were translated into a functional and responsive website, ensuring an optimal user experience on different devices and screen sizes

USER TESTING AND ACCESSIBILITY

The launch process involved rigorous testing and refinement to guarantee smooth functionality and adherence to the project's objectives and specifications

Resposive design

Link:

Lucky Leprechaun

The project was executed using Figma, a versatile design tool, which allowed for seamless collaboration and iteration throughout the design process. The resulting website showcased a visually appealing and user-friendly interface, embodying the spirit and excitement of the Lucky Leprechaun Gymnastics Competition.

No items found.

Takeaway

A centralized platform for gymnastics competitions, addressing the challenges of event organization, participant management, and club communication. Implementing a visually appealing design, cohesive user experience, and responsive functionality has greatly enhanced the overall efficiency and experience for coaches, participants, and organizers. This project highlights the power of collaboration, effective design systems, and thoughtful implementation in delivering a comprehensive solution that meets the unique needs of the gymnastics community.