SEMSA ⚽️
Designing an intuitive experience for parents to sign their children up for a non-profit soccer academy. As a UI Designer, I was in charge of creating pages and organizing information, graphics, and site flow.
SEMSA
Client’s Top Concerns and Goals
User Research
After determining the web builder, creating user personas helps me understand the demographic and the thought process behind using our website. I chose to make two, one for the child and one for the parent.
Persona of child and the parent
As the one who is registering the child, understanding the parent’s needs is just as important. They are the primary user who will be using this registration system to learn about the academy.
Different soccer clubs that my client felt inspired by
Site map created with Milanote, the locked icon on the right side means password protected
Key Features
As mentioned before, education/brand awareness and credibility were prioritized. Here are key features that I implemented to drive this mission.
Education and Brand Awareness
In the first fold, I utilized big text and imager just like the client wanted. This is used to bring awareness to SEMSA's upcoming events and ensure users are paying attention to this important information.
First fold included slideshow (3 slides) with large text and call to action buttons
Facts and questions section with drop down answers, organized via Content Management Sytem
I laid out information strategically to reduce the amount of information the user would have at once, to reduce confusion and the possibility of getting overwhelmed.
Programs are arranged to take of the entire fold, reducing cognitive load when reading details
To make readability easier, information is segmented in three different sections, with each paragraph being no more than 3-4 sentences.
Credibility
Incorporating socials in the footer and providing more information for users will instill more trust in the consumer. Social media creates other avenues to prove credibility and to learn more about the brand.
Footer at the end of every page with various forms of contact information
When creating the forms, we made sure to ask for information that is consistent with other soccer academies or sports events. This way, parents would feel safe sending their kids to our tryouts at a new academy.
Registration form for tryouts
This project was a cool experience where I actually got to create a product from start to finish. It taught me a lot about communicating with the client especially when explaining design choices and theory based reasoning.
If I had more time, I wish I could do a rebuild with a different application and really research different methods of building a soccer business. My client wanted this project to be done as fast as possible, thus why we had time constraints. Or, if I could, be more thorough in the design process with creating a design system, mockups and wireframes to really iron out layouts, instead of just going into designing immediately.
I would also want to interview users or parents of young athletes for what they would prefer in a soccer registration website. This way, we could have made more research backed design choices with the user in mind.