Dreams

This was an assignment for a job in the video-game studio Media Molecule.

In this presentation, I wrote my process exactly in the order I did the assignment, trying to not go back to change the pages I've already created.

This is a short version of the presentation I prepared. To see the full PDF, click on the button below.

See the prototype
See the full assignment in PDF

Sitemap & end-goal

The main question I have so far is: What is the goal of the website. There is one obvious answer: Selling Dreams! But I can say that there are multiple other sub-goals as building a community around the game, featuring the players’ creations, and updating them on the latest updates.

The thing I still struggle to understand is: how it is used by the players.
As I don’t own a PS4, I haven’t been able to try the game myself, my main knowledge about it is from watching people streaming it. Therefore, that’s the first time I’m seeing the library on this website.

I think my lack of knowledge on the subject is actually going to help me to build something that is not biased by an existing experience.
I’ve tried creating an account but it seems that there is no direct connection between the website and the game so I assume the users visit the website and then manually search for the name of what they found in-game.

CTA & Userflow

We previously talked about what I think the end goal should be but I’m now going to go deeper and think about a way to lead the visitors to it.

How can we guide them to what they really want?

  • Someone new to the game/site must understand what Dreams is.
  • Existing players must be encouraged to keep playing.
  • Visitors must feel part of an active global community, with ever-changing content available to them.
  • The Dreams VR update, released in July, should be a prominent feature.

Sitemap & end-goal

It’s now time to create the initial layout of the elements we plan to have on the page. This step is basically a draft to create the final design.

The main challenge I can see is that we have many different features/elements to fit on one single page.

In order to create a page that is not too scary, we will have to organise, prioritise and simplify into different categories:

This step helps me define the initial structure of the page I’m going to design. I can then focus on the design without having to worry too much about what to put and where. I usually work exclusively on paper for this step of the process.

Prototype

I’ve added some interactions, feel free to discover them by clicking/hovering them. Some elements you can interact with: the buttons, the menu, the social icons, the search bar...

Please click on the link below to discover the final product of this task:

See the prototype