top of page
Screenshot 2023-08-10 at 10.21.01 AM.png

ACT2

ACT2 is an app that allows screenwriters to reach out to producers and production companies in just one click.

Team 

Individual

Duration

10 weeks

Role

UX/UI designer

Time

Fall 2022

Problem

Screenwriters don’t have accessible ways or tools to reach out to producers or production companies. This problem forces junior screenwriters to get discouraged and quit the industry they love. 

Solution

ACT2 is a perfect solution to the problem. The app helps build essential connections between screenwriters and producers or/and production companies, which help screenwriters find jobs.

Competitive Landscape 

Sadly, there is no similar app to ACT2. I had to create everything from scratch and didn’t have any references to use as an example.

I conducted interviews with my classmates (aspiring screenwriters) from
Toronto Film School 

With the help of the interviews, I wanted to understand the following:

 

  • Discover what the job-hunting process looked like for a recent graduate in order to confirm that there was a problem to begin with

  • Find out which services my interviewees were using while looking for a job within the industry

  • Lastly, I was curious what the job-hunting process looked like when the industry just started to enter the world in order to understand if there was a difference between the past job search process and now. I felt that it would help to form a better solution as I wanted to make the app a useful tool not only for young screenwriters but also for screenwriters who joined the industry a long time ago


 

Throughout the interviews, I also discovered it was crucial for my app to have:

 

  • A Job Consultation service (where experienced screenwriters could help baby (junior) screenwriters to land their first job)

  • A Mental Consultation service (so that while baby screenwriters would be going through times of their job-hunting process, they could get some emotional support)

  • A possible collaboration with other talented people in the filmmaking industry

  • A service of being a part of a reading group (where screenwriters could read each other's scripts and get valuable feedback)

  • And lastly, a Job listing feature (where screenwriters could search and, in the future, land their first, second and even fourteenth job)

 

Spoiler: I decided to focus on a job searching process service for now as it was the most valuable feature for my users. In the future, I want to think of how I can extend ACT2 to make some room for the services I mentioned above.

I started to work on the Whiteboard, Empathy Map, and Persona so that I could have a better understanding of my interviewees' pain points

Screenshot 2023-05-15 at 2.06.04 PM.png
Screenshot 2023-05-15 at 2.18.13 PM.png
Screenshot 2023-05-15 at 2.45.55 PM.png
Screenshot 2023-05-15 at 2.59.15 PM.png
Screenshot 2023-05-15 at 3.06.09 PM.png
Screenshot 2023-05-15 at 9.58.17 PM.png
Screenshot 2023-05-15 at 2.12.54 PM.png
Screenshot 2023-05-15 at 2.16.55 PM.png
Screenshot 2023-05-15 at 2.53.02 PM.png
Screenshot 2023-05-15 at 3.01.00 PM.png
Screenshot 2023-05-15 at 3.07.21 PM.png
Screenshot 2023-05-15 at 9.59.41 PM.png
Screenshot 2023-05-15 at 2.44.10 PM.png
Screenshot 2023-05-15 at 2.56.11 PM.png
Screenshot 2023-05-15 at 3.02.36 PM.png
Screenshot 2023-05-15 at 3.08.50 PM.png
Screenshot 2023-05-15 at 10.00.47 PM.png
Screenshot 2023-05-15 at 2.14.05 PM.png
Screenshot 2023-05-15 at 2.42.27 PM.png
Screenshot 2023-05-15 at 2.57.34 PM.png
Screenshot 2023-05-15 at 3.03.51 PM.png
Screenshot 2023-05-15 at 9.55.41 PM.png
Screenshot 2023-05-15 at 10.02.20 PM.png

Empathy Map

What do interviewees think and feel?

Screenshot 2023-05-16 at 8.34.20 AM.png
Screenshot 2023-05-16 at 8.36.58 AM.png
Screenshot 2023-05-16 at 8.37.12 AM.png

What do interviewees hear?

Screenshot 2023-05-16 at 8.41.53 AM.png
Screenshot 2023-05-16 at 8.43.25 AM.png
Screenshot 2023-05-16 at 8.44.59 AM.png
Screenshot 2023-05-16 at 8.46.59 AM.png

What do interviewees see?

Screenshot 2023-05-16 at 8.52.37 AM.png
Screenshot 2023-05-16 at 8.55.56 AM.png

What do interviewees say and do?

Screenshot 2023-05-16 at 8.58.33 AM.png
Screenshot 2023-05-16 at 9.01.30 AM.png
Screenshot 2023-05-16 at 9.08.14 AM.png
Screenshot 2023-05-16 at 9.10.21 AM.png
Screenshot 2023-05-16 at 9.12.58 AM.png

What interviewees' pain points are?

Screenshot 2023-05-16 at 9.23.54 AM.png
Screenshot 2023-05-16 at 9.41.25 AM.png
Screenshot 2023-05-16 at 9.29.00 AM.png
Screenshot 2023-05-16 at 9.41.47 AM.png
Screenshot 2023-05-16 at 9.31.08 AM.png
Screenshot 2023-05-16 at 9.38.00 AM.png

What do interviewees want to gain?

Screenshot 2023-05-16 at 9.41.47 AM.png

Persona

Screenshot 2023-05-30 at 12.01.56 PM.png

As I didn’t have an existing example similar to my app, going through the steps like creating the User Stories, Site Map, and User Flows helped me identify what to include and what not to

User Stories

Baby screenwriters

Baby screenwriters' activities

Screenshot 2023-05-17 at 10.16.36 AM.png
Screenshot 2023-05-17 at 9.41.32 AM.png
Screenshot 2023-05-16 at 2.08.19 PM.png
Screenshot 2023-05-17 at 9.56.54 AM.png

Baby screenwriters' tasks

Screenshot 2023-05-17 at 11.10.29 AM.png
Screenshot 2023-05-17 at 11.12.32 AM.png
Screenshot 2023-05-17 at 11.13.54 AM.png
Screenshot 2023-05-17 at 11.15.31 AM.png

User stories release1

Screenshot 2023-05-17 at 11.17.47 AM.png
Screenshot 2023-05-17 at 11.17.47 AM.png
Screenshot 2023-05-17 at 11.17.47 AM.png
Screenshot 2023-05-17 at 11.17.47 AM.png
Screenshot 2023-05-17 at 11.19.44 AM.png
Screenshot 2023-05-17 at 11.19.44 AM.png
Screenshot 2023-05-17 at 11.19.44 AM.png
Screenshot 2023-05-17 at 11.19.44 AM.png

Release 2

Screenshot 2023-05-17 at 11.23.10 AM.png
Screenshot 2023-05-17 at 11.26.26 AM.png
Screenshot 2023-05-17 at 11.27.44 AM.png
Screenshot 2023-05-17 at 11.28.54 AM.png
Screenshot 2023-05-17 at 11.30.44 AM.png
Screenshot 2023-05-17 at 11.32.54 AM.png
Screenshot 2023-05-17 at 11.34.37 AM.png
Screenshot 2023-05-17 at 11.35.45 AM.png

Release 3

Screenshot 2023-05-17 at 11.39.00 AM.png
Screenshot 2023-05-17 at 11.41.12 AM.png
Screenshot 2023-05-17 at 11.42.51 AM.png
Screenshot 2023-05-17 at 11.44.59 AM.png
Screenshot 2023-05-17 at 11.46.38 AM.png
Screenshot 2023-05-17 at 11.47.55 AM.png

Site Map

Screenshot 2023-05-17 at 11.51.04 AM.png

User Flows

Screenshot 2023-05-22 at 4.28.32 AM.png

Design Process

After identifying my persona, I started thinking about how I could approach the task of solving a stated problem. And I started by sketching a potential solution.

While sketching, I discovered I needed two different interfaces within one application (one for screenwriters and another dedicated to producers/production companies). 

Sketches for a user
(a screenwriter)

IMG_6882.HEIC
IMG_6883.HEIC
IMG_6884.HEIC
IMG_6885.HEIC
IMG_6886.HEIC
IMG_6887.HEIC
IMG_6888.HEIC
IMG_6889.HEIC

I also created a prototyped version out of my sketches so that it would be easier for my interviewees to understand how everything worked.

Sketches for a user
(a producer/production company)

IMG_6890.HEIC
IMG_6891.HEIC
IMG_6892.HEIC
IMG_6893.HEIC
IMG_6894.HEIC
IMG_6895.HEIC
IMG_6896.HEIC
IMG_6897.HEIC

I created the prototyped version out of the sketches for a user (producer/production company) as well.

The testing was very productive. I got some notes on how to figure out my upload-a-project flow. Additionally, every interviewee kept telling me that a job listing feature and hot news needed to be included.

After all the interviews I’ve conducted and the research I’ve done, I started to work on the Wireframe

As I mentioned before, I decided to do two different interfaces. Also, as my interviewees suggested, I included two pages with news and job listings. Along the way, I included a log-in/sign-up, upload/find-a-project, and check/send-messages/offers flows.

Wireframe for a user (a screenwriter)

Screenshot 2023-05-18 at 10.51.25 AM.png
Screenshot 2023-05-18 at 10.53.26 AM.png
Screenshot 2023-05-18 at 10.55.02 AM.png
Screenshot 2023-05-18 at 10.57.01 AM.png
Screenshot 2023-07-14 at 10.46.11 PM.png
Screenshot 2023-05-18 at 11.03.09 AM.png
Screenshot 2023-05-18 at 11.04.46 AM.png
Screenshot 2023-05-18 at 11.15.05 AM.png
Screenshot 2023-05-18 at 11.17.42 AM.png
Screenshot 2023-05-18 at 11.19.33 AM.png
Screenshot 2023-05-18 at 11.22.53 AM.png
Screenshot 2023-05-18 at 11.25.39 AM.png
Screenshot 2023-05-18 at 11.25.52 AM.png
Screenshot 2023-05-18 at 11.26.04 AM.png
Screenshot 2023-05-18 at 11.26.17 AM.png
Screenshot 2023-05-18 at 11.26.30 AM.png
Screenshot 2023-05-18 at 11.26.44 AM.png
Screenshot 2023-05-18 at 11.26.56 AM.png
Screenshot 2023-05-18 at 11.27.07 AM.png
Screenshot 2023-05-18 at 11.27.18 AM.png

Wireframe for a user

(a producer/production company)

Screenshot 2023-05-18 at 7.22.50 PM.png
Screenshot 2023-05-18 at 10.53.26 AM.png
Screenshot 2023-05-18 at 10.55.02 AM.png
Screenshot 2023-05-18 at 10.57.01 AM.png
Screenshot 2023-05-18 at 7.23.44 PM.png
Screenshot 2023-05-18 at 7.23.56 PM.png
Screenshot 2023-05-18 at 7.24.06 PM.png
Screenshot 2023-05-18 at 7.24.17 PM.png
Screenshot 2023-05-18 at 7.24.27 PM.png
Screenshot 2023-05-18 at 7.24.40 PM.png
Screenshot 2023-05-18 at 7.24.53 PM.png
Screenshot 2023-05-18 at 7.25.04 PM.png
Screenshot 2023-05-18 at 7.25.16 PM.png
Screenshot 2023-05-18 at 7.25.27 PM.png
Screenshot 2023-05-18 at 7.25.40 PM.png
Screenshot 2023-05-18 at 7.25.53 PM.png
Screenshot 2023-05-18 at 7.26.06 PM.png

Solving a riddle named Wireflows is where the fun part started (I had to figure out what came after what, and it was such a journey)

Screenshot 2023-05-19 at 10.19.05 AM.png

In order to get some inspiration for the upcoming steps, I created the Mood Board 

While doing so, I was thinking about the words my interviewees said that the app was an odd solution and that the solution was something the old-fashioned filmmaking industry wasn’t really ready for. However, according to my interviewees (experienced screenwriters), I have a feeling that the changes are for the best! Additionally, based on the mood of my Mood Board, I created the Style Guide.

Mood Board 

Screenshot 2023-05-19 at 1.54.11 PM.png

Style Guide

Screenshot 2023-05-19 at 2.18.07 PM.png
Screenshot 2023-05-19 at 2.29.20 PM.png
Screenshot 2023-05-19 at 2.58.55 PM.png
Screenshot 2023-05-19 at 2.59.18 PM.png
Screenshot 2023-05-19 at 2.59.38 PM.png
Screenshot 2023-05-19 at 2.59.59 PM.png
Screenshot 2023-05-19 at 3.00.17 PM.png

Working on High-Fidelity screens was challenging as well because I had to create a lot of additional screens almost for each flow so that it would be easier to get from point A to point B.

High-Fidelity Screens for a user (a screenwriter)

Screenshot 2023-05-19 at 3.24.50 PM.png
Screenshot 2023-05-19 at 3.29.57 PM.png
Screenshot 2023-05-19 at 3.35.03 PM.png
Screenshot 2023-05-19 at 3.40.08 PM.png
Screenshot 2023-05-19 at 3.44.01 PM.png
Screenshot 2023-05-19 at 3.47.58 PM.png
Screenshot 2023-05-19 at 3.50.16 PM.png
Screenshot 2023-05-19 at 3.50.35 PM.png
Screenshot 2023-05-19 at 3.50.58 PM.png
Screenshot 2023-05-19 at 4.03.37 PM.png
Screenshot 2023-05-19 at 5.11.13 PM.png
Screenshot 2023-05-19 at 4.04.15 PM.png
Screenshot 2023-05-19 at 5.23.01 PM.png
Screenshot 2023-05-19 at 5.23.17 PM.png
Screenshot 2023-05-19 at 5.23.29 PM.png
Screenshot 2023-05-19 at 5.35.21 PM.png
Screenshot 2023-05-19 at 5.35.34 PM.png
Screenshot 2023-05-19 at 5.35.46 PM.png
Screenshot 2023-05-19 at 5.59.19 PM.png
Screenshot 2023-05-19 at 5.59.32 PM.png
Screenshot 2023-05-19 at 5.59.46 PM.png
Screenshot 2023-05-19 at 6.15.06 PM.png
Screenshot 2023-05-19 at 6.15.21 PM.png
Screenshot 2023-05-19 at 6.15.39 PM.png

High-Fidelity Screens for a user (a producer/production company)

Screenshot 2023-05-19 at 3.24.50 PM.png
Screenshot 2023-05-19 at 3.29.57 PM.png
Screenshot 2023-05-19 at 3.35.03 PM.png
Screenshot 2023-05-19 at 3.40.08 PM.png
Screenshot 2023-05-21 at 12.20.34 PM.png
Screenshot 2023-05-21 at 12.21.39 PM.png
Screenshot 2023-05-21 at 12.21.55 PM.png
Screenshot 2023-05-21 at 1.28.47 PM.png
Screenshot 2023-05-21 at 1.29.07 PM.png
Screenshot 2023-05-21 at 1.29.29 PM.png
Screenshot 2023-05-21 at 1.38.26 PM.png
Screenshot 2023-05-21 at 1.38.45 PM.png
Screenshot 2023-05-21 at 3.25.38 PM.png
Screenshot 2023-05-21 at 3.25.54 PM.png
Screenshot 2023-05-21 at 3.26.09 PM.png
Screenshot 2023-05-21 at 3.33.07 PM.png
Screenshot 2023-05-21 at 3.33.22 PM.png
Screenshot 2023-05-21 at 3.33.39 PM.png
Screenshot 2023-05-21 at 3.40.40 PM.png
Screenshot 2023-05-21 at 3.40.55 PM.png
Screenshot 2023-05-21 at 3.41.06 PM.png

Some notes I had after the testing:

 

  • After the first round of testing, I decided to include a tab bar (all of the participants suggested to do it as they said that without a tab bar, my app looked like an old-fashioned tool). Another reason for the tab bar appearance on ACT2 was that it took a lot of work to navigate throughout the app from one flow to another (there were lots of back buttons which were annoying to use)

  • I also was concerned about my upload-a-project flow since all of the participants from my testing had a hard time figuring out how to use it

  • Plus, I got some feedback on how I can inspire screenwriters. I decided to do it with the help of famous movie quotes

  • Another feedback I had was that users had problems tapping buttons since they were thinner than they’d like. I solved that problem by making them slightly bigger so that it would be more comfortable for a user to tap

  • And the last note was about creating a create-a-resume flow (so that when a screenwriter applies for a position, a producer/production company could look at a resume and portfolio before hiring a screenwriter)

In Order To Get My High-Fidelity Screens to the Point Where I Can Start Testing Them, I Decided to Prototype Them

Screenshot 2023-05-21 at 5.23.48 PM.png

Prototyped High-Fidelity Screens for a User (A Screenwriter)

Prototyped High-Fidelity Screens for a User (A Producer/Production Company)

Closing Thoughts 

In the future, I hope to improve the uploading-a-project flow since I still believe it can be easier and faster for users to share their work. Also, I’m thinking about my color palette (I’m not totally satisfied with the colors I chose). I have a feeling that ACT2 will be going through a lot of changes in order to become an even more easily operated tool. However, for now, I’m so proud of what I’ve created :)

Possible Future for ACT2

In the future, my intentions are to show this project to Adam Till, who is a program director at Toronto Film School and my ex-comedy teacher 🙂 I hope together we can help screenwriters, as well as producers/production companies, find each other and hope these relationships would be beneficial for both sides.

bottom of page