In this project, I focused on optimizing the mobile-first experience by  improving the mobile header, hero bar, and interactive slider that balanced usability with visual impact.

• Mobile Header: Mobile friendly design adding key elements for user experience for phone calls and hours of operation. 
• Hero Bar: Designed as a persistent top navigation element, the hero bar provided quick access to essential features while maintaining screen space. On mobile, it condensed into an intuitive hamburger menu, ensuring both clarity and efficiency.

• Slider: The homepage featured a responsive image slider, optimized for thumb-friendly gestures. Each slide was designed with clear CTAs and adaptive text overlays, allowing users to explore content seamlessly without cognitive overload.

By combining mobile responsiveness, scannable navigation, and gesture-based interaction, the design improved user engagement and drove higher click-through rates on featured content.

CorkSport mobile design was often a neglected piece to the business. With over 80% of users purchasing through the mobile devices this was something that was an important element in providing a positive mobile experience.  As you can see some of the elements of the website were either out of alignment or restricted by sizing.  The design was not in places it would be expected. Before designing, I discussed internal frustrations with the President and the sales team on known issues from the user base. 

During my time there it became apparent that the use of Mazda needed to be addressed.  Although products were only made for Mazda and the company used Mazda in the name for over 2 decades, this became a liability for CorkSport.  With some iterations and attempts at potentially redesigning the logo, there was a large affinity internally to the logo.  The best solution was to simply remove the Mazda and increase Performance. This had a positive effect in the use of the name because Mazda Performance often became an issue in readability when branding on smaller applications. It was simple fix.

The first issue was to address the customers ability to make a phone call.  This was missing both on the desktop and mobile.  By adding the phone number it increased customers ability to call for sales support.  I included an onclick function with Google Tag Manager to track phone calls from mobile devices.

The other issue was operating hours.  CorkSport hour of operations were Monday-Thursday.  To simplify this we used a dropdown menu effect so that if you wanted to know the hours you could access it with the similar feel of the other navigational icons. 

Introducing the Hello Bar was a win for CorkSport.  I brought up the idea as a way to help bring the attention of the website to the leadership.  Although they had never heard of the idea they were all for trying it out.  The following sale we launched the use of it resulting in an increase in AOV compared to previous sales utilizing discount codes for the product. 

The slider needed a refresh. 

Side by side you can see the difference.  The layout is easier to navigate with icons representing specific actions like a phone call and hours of operation.  The hello bar provided additional context for the organization and a mobile friendly slider for the front page providing a clear call to action.  This helped improve the user flow from the homepage while also alerting customers to important sales information.