In the fast-paced world of UX design, there are times when we face exciting challenges that push our creative boundaries. Recently, I embarked on one such adventure - a task to redesign the landing page of a tennis app that had received user feedback highlighting its lack of consistency and clutter. To make things more interesting, I had to find a solution that required minimal effort from the development team due to our tight deadline. So, let me take you through my journey of transforming this landing page into a clean and captivating user experience.
.jpg)
.jpg)
Taking into consideration the feedback gathered on the first version of the website I inspected myself, how many colors and fonts were used. The result surprised me as it turned out that the choice of colors, fonts and font weights was pretty accidental.
My first step was to leverage the power of branding to breathe life into the page. Choosing the right colors is crucial, as they evoke emotions and set the tone for the entire design. I settled on a vibrant combination of almost black with a green tone and vibrant green. These colors not only aligned with the app's brand identity but also injected energy and a sense of community into the landing page.
.png)
Addressing the clutter issue was a top priority. I embraced the philosophy of minimalism, simplifying the layout and organizing the information hierarchy. Each element was carefully considered to ensure it served a purpose and had enough breathing space. By prioritizing the most important content and relegating secondary details to supporting sections, I created a clean and streamlined experience that guided users effortlessly through the app's features.
To add that extra touch of engagement, I incorporated subtle animations into the page. However, I had to be mindful of the development team's workload. So, I opted for animations that were easy to implement yet captivating for the users. Imagine gentle fade-in effects for images, seamless sliding transitions for text elements, and playful button animations that enticed users to interact. These animations added a touch of delight and interactivity without placing an undue burden on the developers.
In conclusion, this project highlighted the power of simplicity, cohesion, and thoughtful design choices. By incorporating branding elements, utilizing captivating animations, and decluttering the page, we transformed TenSlam's landing page into a visually appealing, consistent, and user-friendly portal. As the next step, I would take care of the content and structure of the website to optimize SEO and make the user experience positively unforgettable.
To test my work I asked some friends and strangers in the cafeteria those 3 questions:
To make sure that developer follows my choices I created guidelines for each page. From the feedback I received on this step, it was a very helpful piece of the design system.
Thank you for your time, I hope you liked my work. Let's connect!
.jpg)
.jpg)
