1001 novels.

A travel company wants to offer a website with stories to read for it's customers. Before, during and after the trip, customers can read stories online on a device of their choice. They can do this while waiting for or during a long flight, but also the trip to the airport or during their stay. The users should be able to find and read the 99 stories, and save them. They must also be able to leave a comment, a like, or a photo. It's up to me how to design the website as long as it contains the company identity and it also had to be a seamless multi-device experience. 

Tools used Photoshop Illustrator HTML/CSS

Client
HvA

Year
2020

Website
Prototype

Important during the process:

  • Find out how the target audience feel at the moment and what their needs are

  • Use my own creativity to bring stories to a higher level by making them visually more attractive

  • Search for best practises/design patterns

  • Try to copy the visual identity of a company as good as possible

  • Experiment with the possibilities within HTML/CSS

Part of the assignment was to choose 3 out of 99 available stories and read them. With that being done it was time to create a moodboard that gives an impression of what these stories are like. The goals was to redesign the stories in the way I interpret it, teachers mentioned that students could go completely out of the box designing these stories and that there is no limit.

User Goals

  • The user wants to be able to read stories without active internet connection

  • The user want to continue reading from the part where it left

  • The user want the ability to like a story

  • The user want the ability to leave a review about a story

  • They user want to be able to casually search and direct search for stories

Business goals

Important is to stick to the visual identity of the company and also make sure that the stories are somehow accessible online and offline.

Part of the project is doing research, the website is built for the user and so this group is central. By creating a customer journey I tried to understand the user better, I kept the insights in mind so could use them in my advantage when designing. For example, people abroad or on the plane may not have internet, so the function to download stories for offline use was born. There are also important functionalities for actions such as marking stories as favourites and filtering between the different stories, which is why I started looking at existing websites to see which patterns are used for this and how I could implement them in my own design. 

Also a part of the project was to inspect and implement the style identity of Transavia airlines, this was not given to me by the company so I had to do my own research and put together the style guide all by myself. I did this by inspecting the website of the company and find out what fonts they use, what sizes and colours. Also the shapes and colours they use in general.

Checkout clickable prototypes below

Like mentioned earlier I had to redesign stories to my own interpretation, the first story was a conversation between the gentlemen of VI (a football talkshow), they were interrupting each other and everyone involved wanted to have the attention. The word I had linked to the story is "confusing" and each colour represent a person sitting at the table, it has become kind of a color bomb. I have rewritten the story and have deliberately scratched through words sometimes and rewritten them, I also rewrote the title with aquarel paint and left paint splashes on the canvas.

The second story was about a person who had a bad day, everything went wrong because it didn't go as it should or things get damaged because it fell apart and was trampled by unsuspecting people in the neighbourhood. I linked the word 'Bad luck' to the story. I wrote the story with pencil and then used a lighter to edit the edges which gave it a damaged. As a finishing touch I stood on the canvas with wet soles as described in the story, this gives an extra dimension with which I take the user into the story and give a different experience rather than only words. These are all 100% handmade, I was not allowed to use the computer and it felt nice to do something this way. It's a different way of expressing your creativity.