I collaborated closely with the Lead UX/UI Designer to design a new blog environment for All4running, with the primary goal of improving the blog’s technical functionality. The project involved coordination with an external development company and had a strict three-month timeline.
Working three days per week each, the Lead Designer and I were responsible for designing all templates and delivering them on schedule to the external team for implementation.
Ux/Ui Designer
Role:
Ui design, competitive analysis, creating core models, Research synthesis,, Stakeholder management, Site Mapping, Ideation, concept dessign.
Skills:
Figma, FigJam
Toolkit:
Outcome
A whole new blog environment
Delivered a complete UI design for the blog environment, consisting of 11 templates: a homepage, three category overview pages, and seven individual blog post templates.
With the new blog environment All4running aims to communicate the running expertise of the company, inspire their readers and users and creating a higher conversion on the webshop by facilitating stronger links between the blog environment and the webshop.
Additionally, the templates were designed to support migration of existing blog posts, ensuring a smooth transition to the new design without content loss.
Profiling expertise
All4running is a company with that has a lot of knowledge to offer. To showcase product information specifically catered to runners I created a component that clearly highlightes specific product features that makes it easy to compare products with one another.
Linking Products
To provide users with the opportunity to check out the products as described in the blog I designed several methods to link users trhough to the webshop and the related produts.
Inspiring Users
All4running has several "Product Experts” and has several athletes connected to their brand. In order to showcase these people, their knowledge and their achoieviement I created a “stories” component. This component is a video based feature that shows curated inspirational content and offers users product links.
Defining core content and sitemap
Research
In collaboration with the Content Lead, Content Marketeer and UX/UI lead I developed a comprehensive sitemap for the new blog environment.
Through a series of workshops, we defined and completed core content models to establish a clear overview of the required content structure.
The primary objectives of the content team for the new blog environment were to strengthen customer engagement, reinforce the brand’s authority within the running knowledge domain, improve the SEO structure and content hierarchy, and inspire customers through valuable and relevant content.
Ideation and Design
Market research and wireframing Templates
Based on the defined business goals and core content model, the Design Lead and I developed wireframes for each template.
Throughout the process, we held weekly check-ins with the content team to gather feedback on individual components and ensure their requirements were reflected in the designs.
Based on the wireframes the templates were designed ans split into sections and components and delivered to the external organisation.
To support the external development team in implementing the designs accurately, we delivered comprehensive documentation and detailed annotations for each component.