UX Study
The primary goal of this UX study is to analyze and improve the overall user experience for Fraser Valley Soccer League (FVSL). By conducting comprehensive research, identifying pain points, and implementing user-centric design changes, the project aims to enhance user satisfaction, increase usability, and ultimately contribute to the success of the website.
With the existing logo being pixelated and blurry, we decided to recreate it in Adobe Illustrator. Making it clear and well-designed makes it versatile and can be easily adapted to different sizes and formats .A professional and polished logo is essential for conveying a sense of credibility and trustworthiness.
Wireframing is an essential step in the user experience (UX) design process, providing a visual representation of the overall structure and layout of a digital interface. Wireframes allow UX designers to explore and iterate on user flows, while helping establish the hierarchy of content and features on a page. Sering as a blueprint for functionality,they illustrate where various interactive elements, such as buttons, navigation menus, and forms, will be placed on the interface, helping plan for user interactions.
A re-design of the user experience (UX) of a website can be crucial for various reasons, all of which aim to enhance user satisfaction, improve functionality, and align with business goals. the existing website(presented to the right) was outdated, creating a negative perception of the brand. Updating the visual elements to align with modern design trends makes the website more appealing and trustworthy to users.
Adjusted the Layout to display the elements across a 1920px view area. Created a hero banner and header navigation to keep consistent throughout the website, allowing the user to know what site they are on. Added an image carousel to show more images, giving the user more options on what images they wish to see at just a scroll. Gave more emphasis on the store section to allign with their business goals.
With the FVSL Premier Page, again we continued the layout of a 1920px view area. Re-designed all the stat tables to give them a consistent look, making it easier for the user to navigate easily. Showing hierarchy of the stat content has the user view what is most important first. Kept an ad bar along the top of the footer to display ad content for revenue.
With the increasing use of mobile devices, ensuring that the website is fully responsive is essential. A redesign can optimize the user experience for different screen sizes and devices, improving accessibility and usability. Keeping the header and hero banner consistent to showcase the sites brand and visual languge.
Displaying the mobile version of Mockups gives the users and client a close to accurate depiction of what the site will look like for the user. Making sure to display multiple sections of the two pages to showcase the re-design helps with the project goals.
Ready to turn your ideas into visual masterpieces? Contact us today to discuss your project. Whether you're starting from scratch or looking to revamp your existing brand, Duffy Web Designs is here to bring your vision to life.