*Details including brand name and general branding have been adjusted to protect agreed NDA
Trekhound are the UK market leader in manufacturing and supplying high-quality gun dog training equipment to meet the needs of trainers at every level, trading to online customers across the world.
The brief for this project was to revamp their website, putting ease of use in customer buying journeys at the forefront in order to create a stronger usability experience whilst also moving the brand visually forwards in terms of their website experience.
The existing website faced several critical issues that prompted the need for a redesign, most importantly factoring in the clients future goals which include increasing turnover and pushing themselves into their space within the industry as an innovative market leader in the sector. Some of the key issues picked out with the current solution are bullet pointed.
Before commencing with putting the pieces together that would form the foundations of the new website, it was imperative that we gathered and interrogated data presented in research to better understand the overarching needs of both existing and prospective users of this website.
In doing so, we worked in collaboration with Trekhound in a persona session, canvasing their different customer types and what their key needs and obstacles may be when it comes to interacting with a solution that they felt at ease using.
You can find a condensed view of each of the four identified personas through navigation of the carousel below.
Taking into account our personas along with competitor research, we plotted out user flows for each profile, taking into account user needs from the website, and what their interaction path would look like in order to complete their desired task.
The user flow below is for Caitlin, who has come across a Trekhound sponsored ad on Instagram promoting a seasonal sale. The path illustrates on the assumption that Caitlin is in the information gathering phase, and is ascertaining a) if this is a brand she can trust and b) how she can complete her buying journey.
Building upon our research and persona development, I began the design process by creating a detailed sitemap. This crucial step helped establish a clear information architecture that would serve the diversity of the user groups effectively.
With the site structure defined, I moved into wireframing key pages of the website. Starting with low-fidelity sketches and progressing to more detailed wireframes, I focused on creating intuitive user flows and clear navigation paths that addressed the pain points identified in our research phase.
Throughout the wireframing process, I maintained regular communication with both internal development teams and the client, which took form in conducting review sessions to gather feedback and making iterative improvements. This collaborative approach ensured that technical feasibility, business requirements, and user needs were all carefully balanced in the final solution.
Multiple iterations of wireframes were developed and refined, with each version incorporating feedback and evolving to better serve user needs while maintaining alignment with Trekhound's business objectives.
Following our wireframing stage, we implemented design treatment and visual direction so that we could move into a testing phase. Due to budget constraints, our primary method for testing and validating design concepts relied on Miro for studying user behaviour patterns on the site. We supplemented this with targeted usability testing sessions involving both internal agency teams and client-side stakeholders, though it must be mentioned that these were limited in scope. While not as comprehensive as a full user testing program, this approach allowed us to gather valuable insights and make informed design decisions.
Through our analysis, we identified several key areas for optimisation on the product pages
Drawing from our extensive research, user personas, and iterative design process, we crafted a final design that speaks directly to Trekhound’s audience. The solution balances functionality with approachability, incorporating familiar e-commerce patterns whilst maintaining a warm, personable feel that resonates with their customer base.
Our design choices were carefully considered to create an experience that feels both professional and welcoming. The result is a digital presence that truly reflects Trekhound's position as a trusted provider of premium dog equipment.
You can preview a desktop view of a handful of the key page view below
The redesigned e-commerce platform has significantly improved user engagement and business performance for Trekhound. Through careful implementation of our design solutions and strategic improvements, we’ve achieved measurable success across key metrics.