2020

1st Year  Master

Dear_TreeofView1.gif
dear new ui test.jpg

DEAR - A LETTER WRITING SIMULATOR

"Embody a modest employee in a letter-writing company that steals data from its numerous clients."

Team of 5

(3 Game Designers,

 2 Game Programmers)

3 months

of Development - Still working on it

Made

With Unity 

2776b78b928ebc67593d86e4e3323684_icon.pn

Roles and tasks :

   

  • Vision owner/Founder of the project

    • making sure the creative vision is well understood and applied by everyone 

   

  • Game Designer

    • Writing specs, game design documents, Illustrated support of communication for the team system design, benchmarking, integration of UI and textual elements, small scripts, worked on accessibility guidelines  )

  • Focus on the UI Design 

    • Artistic direction establishment, Mock-ups and 2D Sprites integration, Animation 

Want to learn more ?

GIVE OUR GAME A TRY !

You can download our build HERE ON ITCHIO with the password : DEAR

On this project I worked with:
Jules-Ismaël Tien : Co-vision owner and narrative game designer
Nils Vandamme : Gameplay and UI programmer
Julien CREPIN : Gameplay programmer
Loïc VOISIN : Game Designer and Producer
David Durand : UI programmer
Virgile Pauli : UI Scripter and Animator

 

Project Insights

How did this project come to be?

During Master 1, we were given the assignment to develop a game publishable on Steam. With no game artists, the point was to have us focus on the gameplay loop without relying too much on the art to craft the game's identity. 

" Dear is about working for a shady corporation that preys on insecure people who're looking for experts in all fields of work to find answers to their problems. This goes from Grannies bored in their retirement home to narcissist plotting a putsch. Write them back using words from their own letter to gather data about them your company will resale. As a Dear Inc. employee, use the company's semantic fields analyzer to extract what is the essence of their letter and then use pre-written paragraphs to craft the most perfect answer. "

WRITING INSPIRATIONS

Screenshot 2021-01-26 at 21.56.18.png

GAMEPLAY REFERENCES

Screenshot 2021-01-26 at 21.58.32.jpg (1

Key focus points of the project

Rational narrative design 

I wanted to try crafting a story through interfaces and game systems, experimenting with JSON and trying to apply what I know about rational game design to create a story with the help of a database. 

Adding depth to your choices

The top left picture is our core loop. As you can see, there are three steps to craft your answer:

1  - picking your semantic field

2 - picking your words within those fields

3 - picking and arranging pre-written paragraphs and add your words to them

The goal was to add different layers to the players' experience by making them do rational yet mysterious choices.

By that, I mean that they have to first pick semantic fields based on what they deem necessary to answer the client's request, but they don't know which kind of words are hidden behind the one they choose. And once they have opened the semantic fields, they can't just use all the words inside to answer the letter. They have to choose a specific amount. And once they have secured the words, they finally discover the paragraphs they will have to craft the answer with.

 

We have picked the different semantic fields to add to our database based on our storyline and the personality of our characters. Each client has their own personality, likes and dislikes different words inside said fields (as displayed in the top right corner. You can see a picture from our database with semantic fields and the words they contain as well as words and their score when used with different characters)

Screenshot 2021-01-26 at 21.30.26.png

Pick Semantic fields

 

Screenshot 2021-01-26 at 21.32.51.png

Choose your words

 

Screenshot 2021-01-26 at 21.33.28.png

Build your letter

 

BUILDING A SYSTEMIC NARRATIVE GAME

Different play styles,

Different Commitment levels. 

There are two ways you can approach the way you play DEAR and the way you craft your letters : 

- You can choose to analyze what the client is looking forward to in your answer and try to pick relevant semantic fields while guessing which helpful words they might hide.

- You can just click your heart away everywhere and when the time will come for you to craft your answer, you'll just enjoy the uncanny but funny paragraphs you'll be able to write. 

Screenshot 2021-01-26 at 18.57.44.png

The weight of your words

 

When using certain words, you are gathering points that will give you an invisible negative or positive score. This score is not displayed as numbers to players but is used to move the player along our arborescence (see picture on the left)

Players will go up on the arborescence if they gather a lot of information on their client (corporate way) and down if they focus on helping the clients (empathic way). There is no right or wrong, both ways will provide an interesting story plot but will provide different endings.

Consequences proportional to your commitment level

The only "failure" one can experience is not meeting the goals they set up for themselves. For example, if players choose to play in a certain style (e.g. the empathic way) and cannot connect with the client, they will move the opposite way in the story arborescence. They will learn at some point that they hurt a client's feelings or misguided them.

(See pictures on the left: you have access to an archive after each mission to see how each of your paragraphs has been perceived by the client: red = negatively / green positively )

While players can play the way they want, we wanted to make our client's request more tricky to figure out as the game progresses to force "remarkable failures" to happen. As you embody a modest employee in a shady big corporation, even if you have the best intentions in the world, you have to do the job you're asked to do. We wanted our players to feel this dilemma between the pressure to do well and the pressure from the upper hierarchy.

The empathic path is more difficult to trigger if you play by clicking randomly on objects, while the corporate way will often be triggered if you chose random words since your client is more likely to be unsatisfied. Therefore, our players invested in the narration will be confronted with a greater challenge than the ones who just want to play with our "UI toy" to create random answers. But both can find joy in the experience.  

 

Screenshot 2021-01-26 at 21.21.24.png

You can receive emails from former clients telling you about their whereabouts, thanking you or sending you death treats.

 

Screenshot 2021-01-26 at 21.35.17.png

Progression and Branching

We built the arborescence to give players the possibility to experiment with the consequence of their choices, allowing them to still move up or down for the first couple of choices. 

At some point, you cannot completely change your "profile" (empathic or corporate) but you can still move slightly up or down to bring nuances to your actions.

Workflow & Tools

As a game and a UI/UX Designer on the project, I made charts and storyboards to experiment with and iterate on different layouts for the game. As our game view is mainly a made up Operating System, we had to come up with a layout that felt intuitive to players using languages of OS that they're used to while making it a little more playful.

Since I was the main "artist" on the game, I was responsible for the translation of our game systems into interesting and aesthetic Ui panels. Depending on the feature, I first started with a doodled storyboard or with a game mechanic doc. I often let my graphic work inspire new little game features, but I had just as much fun trying to come up with a design to precisely showcase a mechanic

We used "Miro" and "Draw.IO" to create interactive charts to showcase a design idea, to benchmark and to test game design ideas as our game is mainly UI based. 

Game Mechanic Test with placeholder text

WIREFRAMING AND QUICK TESTS OF UI BASED MECHANICS

With tools such as Miro, I could do quick wireframes AND test some mechanics. For example, we used to write ideas for paragraphs and would use Miro to move them around and pretend that we were building a letter with them. We could see if using them would come naturally to us or if we needed to rewrite them.  

 

StoryBoard - Suggestion for a game design rework

( illustrated with a new UI suggestion ) 

UI FLOW

One of the major challenges I've faced was finding the best way to translate our mechanics into UI and make my best panel ideas look cohesive one after the other in the game flow. Sometimes I would have a good idea to display something, but it would feel too exotic compared to other panels with a more classic computer OS UX. A lot of iteration came into play to make the overall experience fun and seamless. 

I used draw.io and procreate on my iPad mainly for flowcharts and storyboards such as the ones above.