top of page
furtdevice1.png
intro_edited.jpg

Final Instruction Frames

About Furtive + Device-1.png
About Purrtrieve Device-1.png

Furtrieve

Purrtrieve

Device Details Section

The second subsection was  where the demnsions and information about the physical device was housed. I also included multiple images of the product from different angles, and  the most asked questions that would lead to another page.

Products 


The page layout was divided into two sections and three subsections. Thie rounded buttons draw's the users attention to the center and instinuates that there are two  products  that  the company offered.  

The main sub section displayed automatically is Furtrieve or Purrtrieve "Device" section. It holds and overview that describes the  product at hand.

I chose to build off of the main site's astetic and kept it the same throughout the site, while still adding in my own creative touches.

Furtrieve Device dimension – 1.png

App Instructions

The final sub section has  a comprehensive breakdown of the app that cooresponds with the the pet device.  On these sections I go in depth about each feature the app holds and how the user can use these features.

Furtrieve Device dimension – 6.png
Furtrieve Device dimension – 6.png

More parts of Instructions

Furtrieve Device dimension – 6.png
Furtrieve Device dimension – 6.png
Furtrieve Device dimension – 6.png

Project Overview

I was responsible for creating a comprehensive instructional page that could be viewed on the website. This new feature would repalce the paper version that the client was currently disributing along with the products.

​

The entire layout was done through Adobe XD.

Platform

Adobe XD

My Role

UI Designer  

Job

 Visual Design, Prototyping

Project Overview

2 Months

bottom of page