X


team img 1

Hotels.com

#Wewhotravel - Photo Sharing app - Case Study

The scope

The concept of the app was developed to help build a library of useable images, making monitoring and sharing the images an easier and more trusted process, as well as managing internal travel photography competitions etc.

The app would allow for images to be uploaded to a library of images so it could be stored, tagged and viewed by other employees. If various managers within the company wanted to use the images on marketing material and social media channels then the owner of the picture would be emailed for their permission for the images to be used. Also, the app could be used to help monitor and manage internal photo competitions which was highly popular with staff.

User Personas

A Persona is a fictional character created to reflect user types, pinpointing who they are and what they do with a specific product in a relevant context. It is a great approach to understand user characteristics, needs, goals and gain valuable insights during the development of the app.

For this project we created 3 personas;
Ben; loves to travel and experience different cultures, food etc. He also loves show his travel pic off to his friends and family and is a big Instagram user, using the platform on a daily basis. He takes and uploads his images on his IPhone.

Tracey; blogs as a side hustle so is savvy at all forms of social media. She’s always on the lookout for good quality images to use on the companies Instagram platform. Although she uses her IPhone for browsing Instagram she uses her desktop to search for images and manage the social media accounts.

Bruno; working in marketing Bruno uses the app / photo library to find images for his marketing material, but also enjoys browsing the pics to get inspiration on new travel destinations.



User Journey

Once we’ve defined the Personas we created a “User Journey” to understand the main scenarios of tasks the user might do to interact with the application. This will give sequence of tasks and context to their journey.

team img 1

User Block Flow diagrams

Once we’ve broken the steps the user will need to do to achieve a likely task, we created a block flow diagram for each task to allow us to add functionality.

team img 1

Wireframes

Once the block flow diagrams we created to give use a greater sense of functionality wire frames were produced to show a greater detail of layout and agreeing labelling etc.

team img 1

Final Ui Designs

Once wire frames were agreed Hotels.com branding was applied to the designs.

team img 1


Prototyping (and feeding back into the UX design)

Interactive clickable prototype enabled us to check how the app interacts with users. This phase gave us an understanding of user experience and helped us to feed and amends and improvements to feedback into the UX-design.