masterframe

GD  401  Capstone Graphic Design Studio

For our senior design studio, we were given complete freedom over the topic of our Capstone project. We were asked simple springboard questions such as, "What are you passionate about? What existing design/project do you wish you had made? What do you hope to design after graduation?" etc.

After considering a few topics, I decided to create an application that would aid the creative parties involved in the creation of a cinematic sequence. I chose this topic because of my life-long fascination with movies and the glimpses of the behind-the-scenes costume, prop, and set creation. The application would address communication, file sharing, and project planning between directorial and creative parties. There are hundreds of people involved when creating a movie, requiring meticulous planning to ensure everything is completed on time. It would be a dream come true to work on a movie one day, and I wanted to use my skills to assist those who are currently living the dream!

WIREFRAMES

I created over 30 final wireframes for the MasterFrame mobile application. The screens show the features of the app as well as the task flow of a specific user. The blue-theme screens are the interface for the animators, while the green-theme screens are for the directorial users. The MasterFrame app would be available on mobile devices as well as desktop computers. The slideshow on the right shows all 37 screens in order of a typical task flow.

Final_Wireframes_phones-01
Final_Wireframes_phones-03
Final_Wireframes_phones-04
Final_Wireframes_phones-05
Final_Wireframes_phones-09
Final_Wireframes_phones-10
Final_Wireframes_phones-11
Final_Wireframes_phones-12
Final_Wireframes_phones-13
Final_Wireframes_phones-14
Final_Wireframes_phones-15
Final_Wireframes_phones-16
Final_Wireframes_phones-17
Final_Wireframes_phones-18
Final_Wireframes_phones-19
Final_Wireframes_phones-20
Final_Wireframes_phones-21
Final_Wireframes_phones-24
Final_Wireframes_phones-25
Final_Wireframes_phones-26
Final_Wireframes_phones-27
Final_Wireframes_phones-28
Final_Wireframes_phones-29
Final_Wireframes_phones-32
Final_Wireframes_phones-30
Final_Wireframes_phones-33
Final_Wireframes_phones-31
Final_Wireframes_phones-36
Final_Wireframes_phones-02
Final_Wireframes_phones-08
Final_Wireframes_phones-06
Final_Wireframes_phones-07
Final_Wireframes_phones-22
Final_Wireframes_phones-23
Final_Wireframes_phones-37
Final_Wireframes_phones-35
Final_Wireframes_phones-34
RESEARCH VISUALIZATION

To begin my research, I compiled a list of key features in telecommuting and communication applications. Then, I compared existing applications to see what is already available and in use by corporations. Through this research, I was able to narrow the focus of MasterFrame to include: video chat, set project deadlines, make comments, view progress, instant messaging, screen sharing, manage tasks, and edit composition. These features include some of the more popular telecommuting features, as well as specific movie-making features that would be vital to animators and directors.

The documentary "Within a Minute: The Making of Episode III" was an extremely valuable resource for the development of MasterFrame. Created by the producers, animators, actors, etc. of Star Wars: Revenge of the Sith, the documentary carefully analyzed a 49-second sequence from script to screen. The process was broken down by department and specific people within departments. I was able to graph just how many people, in each specific department, were involved in the creation of the sequence. I was also able to highlight the section of the creative process I focus on with MasterFrame: the script to pre-visualization.

Telecommunication Apps
Collaboration Apps
CaseStudy