Social Media

To establish the website as a brand in these initial stages, I created pages within the three social networking platforms I plan to use to promote the website; Facebook, Twitter and Instagram. Within these platforms, I plan to use them to enable users to;

  • share photographs with other users of their dogs enjoying their walk,
  • for users to connect with other users of the website,
  • to communicate with other users on the best walks, and
  • to promote the website across the social networking platforms.


Screen Shot 2016-12-03 at 3.12.33 pm.png

Screen Shot 2016-12-03 at 3.12.33 pm.png

Screen Shot 2016-12-03 at 2.56.22 pm.jpg





Name of Brand: DIN Alternate Bold

Website Text: Helvetica

Colour Chart

The below colour chart shows my intended colours to be used across the Fido Fitness brand, looking at both the primary and secondary colours.


Primary Colours:

The primary colours of the Fido Fitness brand will be orange and red, these will be used as the brands most significant identifier. Both these colours will appear on the logo, and on any marketing materials.

Secondary Colours:

The secondary colours of the Fido Fitness brand will be grey and white, these will be used alongside the primary colours the basis of the website. I plan to use the grey for text and any boxed elements within the website, with a predominately white background to give a clean, non-cluttered look.

Logo Development

logo_sketches.jpgHere is a selection of the initial sketches that I did whilst thinking of the branding for the website. For the logo, I want it to be eye-catching for dog owners of all ages, and be appropriate to be used for online and print based marketing.

After sketching some initial ideas down, I decided to create a digital version of them before getting some feedback from local dog owners to see which one proved to be most popular.

After creating digital mockups of what the logo could be, I asked 14 local dog owners, with ages ranging from 20-74, to choose one they thought would be most appropriate to be used to represent the website across any branding/marketing used.





After receiving the feedback from the above selection of draft logo ideas, it was clear that the most preferred was that of the bone connected with the heart. I believe with some refinement (such as changing the text colour to white), this logo would successfully be able to represent the Fido Fitness brand, linking the idea of having healthy bones from the right amount of exercise will lead to a dog having a healthy heart.


The logo created will be used across all branding on the website, social media and any print marketing that is produced to create a uniformed brand image, that can be easily recognised and be adjusted to fit any future platform.

Website Wireframe

The wireframe that I created for the proposed website outlines what pages will be included, with indications to what pages will be included and how they will all link together within the architecture of the website. Within this wireframe, I have given insight into the range of functions that will be available, such as where each link will direct the users to when selected showing the effect of different scenarios on the display.

Throughout this initial process, I have adopted an iterative process in terms of what I chose to include, filtering out anything that proved unnecessary in regard to the successful delivery of the project within the specified time.

In terms of the information design, I have outlined the initial placement and prioritisation of the information presented in a manner that will be easy to be understood by users of any age to facilitate understanding of the website, in order to provide clear communication of the information produced. I have kept in mind the goals and the tasks of the user in the process of displaying the information on the screen.

In terms of the interface design, I have outlined and arranged the elements to enable users to interact with the functionality of the website. The goal of this is to facilitate usability and efficiency as much as possible.

In terms of the navigation design, I have demonstrated how a user would navigate through the website, showing the relationship between the links that it contains so users will be able to understand the options available to them when navigating through the website.

Load Website (Splash Page)

  • Route 1: Create an Account Page

– My Account Page

– Fitness Overview Page

– Nearby Walks Page

– Community Page

  • Route 2: My Account Page

– Fitness Overview Page

– Nearby Walks Page

– Community Page