Engage Users. Showcase Products. Reflect Heritage.

Naturally inspired online experience for Tims Dairy showcasing their tasty range of yogurts.

Working collaboratively with Marketing Foods we were approached to diagnose, design and deliver a new website that enhances their audiences engagement while reflecting the Tims Dairy heritage. The new website allows users to find and discover product range information and efficiently sourcing local stores.

Tims Dairy Discovery

Discover. Diagnose. Deliver.

Our first step was to fully understand the business goals, users and brand. We immersed ourselves with a discovery workshop with the stakeholders to dive deep and uncover the project scope.

  • Middle Class
  • Health conscious
  • Busy life
  • Female orientated


  • High Quality
  • Great Taste
  • Make it easy
  • Human touch
Tims Dairy Framework

Stylescape

Moodboards injected with personality.

Once the brief and project scope was defined the team created stylescapes, these are super mood boards focused with the brand attributes in mind to create a detailed visual theme. These are great for it allows the designers to play around with colours, typography and images to create visual styles that can be used for art directing the website and print collateral.

Tims Dairy Stylescape Tims Dairy Stylescape Tims Dairy Wireframe

Userflow. Wireframe. Prototype.

Crafting a beautiful journey that engages the user.

The team worked up prototype wireframes with invision to fully explore the user experience and journey, this allows the client to treat the site as normal within the browser, clicking call to actions and navigating throughout. We then used this data to test and make sure key areas of the journey are running smoothly and a breeze to use.

Tims Dairy Wireframe Examples Tims Dairy Quote
Design Process

Design. Refine. Repeat.

Solving business problems with great design.

The new design for Tims Dairy took inspiration from their yogurt packaging, using the craft papers and typography to inject the brand personality while keeping content areas visible and engaging.

Building on the wireframes to create an elegant user interface that has a friendly and efficient user experience.

Tims Dairy Photoshop
Tims Dairy Website Screens Tims Dairy Homepage

Conclusion.

Working on Tims Dairy was super rewarding, uncovering great detail in the discovery workshop to help drive the strategy behind the brand online and user experience. We’ve noticed great success in users fact finding details within the yogurts and locating their nearest store.

Curious? Let's talk

01628 876 160