PORTFOLIO

About Me

Euan McKay

I am a Digital Interaction Design Graduate from Dundee University. In recent years I have focused largely on UI/UX design within my work creating apps for the outdoors as this is the area of design that I enjoy working within. I strive to learn and accomplish new things within my work: working with new packages, different design styles and working towards new and unfamiliar tasks.

Qualification

BSc (Hons) Digital Interaction Design 2016-2020 : Graduated 

Software Experience

Adobe CC Package: Very confident with a large amount of Adobe Packages - Photoshop, InDesign, XD, Lightroom & many more. 

Axure RP 9: Created my final University project with Axure- A full functioning app for dog walkers (see ).

Sketch: Very confident in creating wireframes - final prototypes, icons, graphics and much more.

Balsamiq Mockups: I frequently use Balsamiq to create very quick and simple wireframes in my early design process.

HTML/CSS: I have a basic knowledge of these coding languages with a keen interest to expand my knowledge.

AutoDesk 360: I have frequently used AutoDesk to create CAD renderings of potential products.

Key Skills

User Experience & User Interface Design: This has been my main focus over the past two years as I have created multiple apps for the outdoors to allow users to have a positive and easy experience. 

Graphic Design: I frequently create clothing, album covers, advertising and much more for local clients.

Interaction Design: After 4 years of study I have acquired many skills within Digital Interaction throughout my apps and websites. 

Computer Aided Design: I have produced many CAD models in the past to express digital prototypes in a professional manor. 

Teamwork: I am very use to working as part of a team, many projects through the years have required me to be a part of small and large teams to produce high quality work to deadlines. 

Leadership: I am no stranger to leadership as I frequently take the role on almost subconsciously if required to ensure myself and my teams are achieving the desired goals.

 

Independent: I enjoy working as an individual as it allows me to explore and develop my own skills, I work just as efficiently in a team as I do as an individual. I have a very good work ethic as I always produce my best work possible and always take pride in my work.

 

Honours Project

Current Project

Project Description

I am focusing on the dog walking experience and the relationship between owner and dog. I am looking at creating an application which has high functioning features such as a pet information profile and an area to receive information regarding pet care from industry professionals. My main feature will be a very fun and interactive way to walk your dog, stepping away from the traditional dog walk.

Inspiration & Influence

Owning three does myself was my biggest inspiration along with my interest in hill walking with my four legged friend Barra. I wanted to look into the relationship between owner and dog whilst in the outdoors as I believed there was a bond that could only be experienced when out for a walk. Initially I wanted to create an application which worked as an interactive hub for dog owners so that they could have something to assist them with the care of their dog. Such an app would feature, walk locations, pet advice, recreational locations, animal care locations, service location and a form of dog social media. I soon came to realise that this would be a mammoth task to complete and there was a high chance that the features would become under developed in the time I had. 

I decided to focus on one key feature and two other secondary features. My main feature was a new fun and less direct way of walking your dog. I want to explore on screen interaction on a mobile device in an urban/rural setting to create a more fun walking experience for both owner and dog. The secondary features will be a simple pet profile for the owner to keep track of any details or vet care, almost like a car service or MOT report. The final feature will be a feed of advice posted by animal care professionals such as vet surgeons and nurses. 

Early Wireframes

My first stage of design after conducting my research was to establish early wireframes. These were very low fidelity but had enough content to ensure that I could progress them further into a more determined design. These were easily constructed on Sketch.

After my low fidelity wireframes I then moved onto creating more refined designing which included graphics, specific typography, colour and iconography. These were also constucted on Sketch

Mark 2 and Beyond

Welcome Screens: At the Mark 2 stage my screens had remained the same as previous but I had now added the oppertunity to select multiple profiles.

Statistics: I had added a statistics page for users to track their progress. I anted to do this in a less conventional way by adding fun facts and graphics that I produced myself. 

Walking filters: A large part of my design was customisation to allow any dog no matter what restraints they may have to use the app. I achieved this by creating a filter selection screen, these are my first two renditions of said screen.

Walk Selection: I wanted the users to be able to select walk very easily by allowing them to see critical walk parameters before selecting the walk. These were two very early mockups. 

Menu: At this stage I had developed my menu but I made some changes later on as I felt the menu on the right served my app far better.

Final Render

The purpose of the final render was to give a physical understanding of how the application would be displayed at a ranger centre. I wanted to keep the form similar to the box that inspired my design. This box also features a drawer to allow for the original method of pen and paper to still be used.

Final Designs

Walk Selection & Filters

Profile & editing

Medical Advice Feed

Statistics

Videos

A user interacting with W-A-L-K

A video walkthrough

Track App

“Track” is an interactive device located at outdoor ranger centres across the UK that allows outdoor enthusiasts to track their routes and activities using the GPS locator on their mobile device. “Track” also offers an S.O.S. button that allows users to send out a signal to mountain rescue when they become hurt or in need of rescue. The app uses the users GPS location which allows for a quicker and easier rescue through location accuracy. ​

My third year project was based around my hobbies hill walking and Munro bagging. I wanted to create an application or platform that would assist beginner and experienced walkers when in the outdoors. I focused on navigation and map reading to encourage hill goers to adventure into areas where they have not been before whilst keeping them safe as possible at the same time.

Inspiration & Influence

My original inspiration came from a 'wild camping route card box' at a ranger centre in Glen Doll when I frequently walk and camp. The boxes purpose is to record the location where wild campers plan on walking and camping with in the glen to allow rangers to keep track of where people are for extended periods of time. The user would take a card from below the lid, fill it out and then post it in the slot for the ranger to collect later.

I liked the idea and simplicity of the boxes function and wanted to make this a large focus in my design process. I wanted to create something very similar but make it more function with the use of technology and secondary functions.

I started to explore GPS technology and current mapping services that were currently on offer to give me a sense of guidance. I explored current apps such as 'All Trails', 'OS Maps' and 'Strava'. These apps gave me a good sense of function and screen design. I also got in contact with 'The Hub' who provides online mapping services for the 'Walk Highlands' website, they offered support and advice when looking at using Java Script to create my real time route plotting and gave me access to some of the code that they had used on the website. 

Initial & Progressive Wireframes

When creating the screen for my application I started with some very basic wireframes to give me a quick understanding of how it would look and what elements would need to more pronounced to create an ideal user experience.

 

I then moved on to more detailed wireframes which were created to capture a sense of the target setting and audience by using related colours and graphic to illustrate this. ​It was clear that the colours did not work well together but this was a trial t try and bring the outdoors onto the screen.

Finished Concept

The final user interface takes a large amount of form from my initial and detailed wireframes. Moving on from the wireframes I looked at some of my inspiration to have a good understanding of colour, graphic and screen layout. The comparison between my wireframes and inspiration allowed me to create a more refined and professional looking final concept. The use of layered images as light pastel colours made for easy viewing and understanding. The way the screens were created in a way that made them easy to understand and navigate for a first time user and also for individuals who may not be familiar with technology. I achieved this by ensuring that there were limited features on each screen and that there was a direct route through the app rather than the user becoming lost in a large amount of screen navigation. 

Application Walkthrough

The home screen welcomes outdoor users into a familiar setting.

Walkers would then identify their clothing to allow for easy identification in case of an emergency.

Users had the option to plan their own route or follow a preset route that had already been mapped out.

This screen allows the walker to place pin markers to create a route that they wish to follow.

The final screen allows users to scan the QR code with their smartphone and track their data remotely whilst they are out walking.

© 2020 by Euan McKay. 

This site was designed with the
.com
website builder. Create your website today.
Start Now