Portfolio Details

Project information

  • Category: Shopify Website
  • Client: Thought and Mortar Ltd (Bristol, United Kingdom)
  • Project name: RunderWear
  • Project date: 21 May, 2021
  • Project URL: https://www.runderwear.com

An e-commerce website that specializes in selling high-performance running underwear and apparel

RunderWear is an e-commerce website that specializes in selling high-performance running underwear and apparel. The brand's focus is on creating seamless, chafe-free underwear, bras, socks, and base layers specifically designed for runners and athletes who require comfort and support during long-distance runs or intense workouts.

The website is designed to provide users with a seamless shopping experience while showcasing the brand's commitment to comfort and performance. Key features include product listings with detailed descriptions, sizing guides, and customer reviews to help users choose the best products for their needs. The site also promotes the brand's ethos around functionality and comfort, particularly highlighting the technical aspects of their products, such as moisture-wicking fabrics, breathability, and durability.

Challenge

RunderWear, a high-performance athletic wear brand, required a website that not only reflected their brand values but also performed seamlessly under heavy traffic. The site needed to be optimized for speed, mobile responsiveness, and SEO to improve user experience and increase organic traffic. Additionally, the client faced slow load times, affecting conversions and search engine rankings.

Solution

Focused on design optimization, performance improvements, and technical SEO enhancements. Implemented strategies like lazy loading, image optimization, and minimized scripts to reduce load times by 50%. Improved the website’s structure to follow SEO best practices, ensuring fast crawlability and optimal indexing by search engines. The design was made mobile-first, improving usability across all devices.

Result

These optimizations resulted in a 50% reduction in load times, enhancing both user experience and conversion rates. The technical SEO improvements contributed to a 15% increase in organic traffic, benefiting not just RunderWear but multiple other clients as well.

My responsibilities

- Design Optimization

  • Collaborated with UX designers to create a mobile-first, responsive design that improved the overall user experience across devices.

  • Implemented a clean, user-friendly interface with an emphasis on intuitive navigation and streamlined product discovery.

  • Ensured brand consistency in typography, color schemes, and visual elements throughout the site, enhancing the visual appeal and maintaining the brand identity.

- Performance Optimization

  • Optimized website performance by minimizing CSS, JavaScript, and other assets, resulting in faster load times.

  • Implemented lazy loading for images and asynchronous loading for non-critical scripts to improve page rendering speed.

  • Worked on optimizing the image formats and using responsive image techniques to ensure faster loading, especially on mobile devices.

  • Conducted regular performance audits using tools like GTMetrix and Google PageSpeed Insights to measure and improve load times, ultimately reducing load times by 50%.

- Technical SEO Enhancements

  • Implemented SEO best practices such as optimizing meta tags, title tags, and schema markup to improve search engine visibility.

  • Improved the website’s URL structure for better crawlability and indexing by search engines.

  • Ensured the use of semantic HTML5 elements to enhance the site’s accessibility and SEO ranking.

  • Conducted keyword research and worked with the content team to optimize on-page content for better alignment with target keywords.

- Collaboration and Development

  • Worked closely with other Shopify developers, ensuring smooth collaboration in the redevelopment process.

  • Participated in code reviews and quality assurance testing to maintain high code quality standards and ensure the website was bug-free and fully functional before launch.

  • Integrated third-party apps and tools to enhance the site’s functionality, such as adding user-generated reviews, product recommendations, and email marketing integrations.