Pateel Bedoyan
UX & Product Designer

The Dog Philosofur

Real Dog Training, Real Results.

Image alt tag

My Role

UX/UI Designer, Brand Design

Timeline

January - April 2022

Tools

Adobe XD & Photoshop

Project Background

The Dog Philosofur - website redesign (proposal) that focuses on use of intuitive UI elements with content structure that allows the user to learn about the services offered in a fun and enjoyable presentation, making the user experience fun and helpful to find the information and connect with the business owner.

The Dog Philosofur

credit: https://www.dogphilosofur.com/

Problem Definition

The Dog Philosofur website has good content, however it needed structure to help the user find information about the different dog services available. The website also needed a new creative direction to liven up the user experience.

The Dog Philosofur

Research

I conducted a competitive scan of other existing dog training services websites, and interviewed targeted users who are dog owners. I found that user in this market are seeking a service provider that they can trust with their pet training needs with clear services and pricing messaging.

The Dog Philosofur

Solution

Strategy is to create a website that is delightful with simple user interfaces and consistent messaging to appealing to the user and creates more conversions for the business.

  • Rebranded the Dog Philosophur website and logo to give it a sophisticated look with a playful twist. (Note: original brand logo can be used with the new site design.)

  • Added navigation bar with main header including pages that lead to call to action: Services, Register, Contact.

  • Recreated the About page of the founder to showcase his his background to help put a face to the brand.

  • Showcase testimonials and certification on landing page for added trust and appeal.

  • Included CTA button across the pages where deemed relevant without distracting from the navigation.

  • Sourced images of dogs in different modes to translate messaging and playfulness.

  • Selected colours that can be interchanged at any point allowing for creativity.

  • Removed use of Italics on lengthy sentences for better readability.

  • Reduced the amount of body text and retained what is necessary to get the message across.

SITE MAP

After I completed a website audit, it was evidetn that Tthe website needed an updated information architecture, as some pages lacked the needed content structure that can aid the user the information they are looking for, this is especially evident on the Home and Services pages, where the user has to scroll through the page to read through the various services and reviews received by the business.

Wireframes

Using Adobe XD, I translated initial content design and structure into low-fidelity wireframes. At this stage, the wireframes were defined enough for some user testing. Based on 3 tests, I’ve made a few alternations and moved on to creating high-fidelity prototypes.

Image alt tag

Image alt tag

Prototype

The final prototype showcases the refreshed website with updated logo, brand colour. I selected stock images from online sources including Pexels and Pixabay to showcase the brand image focusing on "dogs" as the face of the brand.

4
Interviews
3
Usability Tests
3
Iterations

Project Reflection

I enjoyed working on this project and deliver on the requirements set in the brief. Revamping an existing website allowed me to use the tools, creative and strategic thinking as a UX and UI designer and help elevate the digital presence of the business.