Creative Process Behind Experience Makers Live
Phase 1: Using Illustrator to Create Core Graphics
This project began with an exploration of this graphic, the primary art for the Adobe event Experience Makers Live designed by the Adobe Studio Team. From this, I created multiple variations and crops that could be used for marketing and presentations for the event.
This is an exploration of art boards for the first variation that I designed in Illustrator. Within these boards I experimented with how the art could be used in conjunction with the primary colors for the event, along with ways that it could be further simplified and cropped.
Like the exploration of the first variation, this one includes a variety of crops and backgrounds that could be used for the event. I focused on creating both soft and hard shapes so that they could be applied for different situations.
This art board contains the third variation of crops and simplifications that were used for the event. These designs have a more playful edge as they contain mostly thin lines and circular shapes.
Phase 2: Using Photoshop to Make Social Graphics
These social graphics were created in Photoshop to illustrate ways that the shapes could be applied in advertisements for social platforms such as Twitter, Facebook, and Pinterest as well as for email headers and save the dates.
To extend some of the social graphics that I created, I turned two of them into animations using Adobe After Effects. Originally, I attempted to make them in Photoshop using the timeline tool; however, I was not satisfied with the limited options of effects within the program so I moved the project to After Effects. In After Effects I was able to play around with the ways that the different shapes moved onto the screen by trying out the hundreds of different options that the software offers.
Phase 3: Creating a Style Guide Using Powerpoint
These Powerpoint slides make up a complete style guide that I created for the event.
Phase 4: Creating a Mock App Using XD
To begin the process of designing a potential app for this event, I built 6 art boards in Adobe XD to construct the wireframes for the app.
In the first design stages, I added some of the original variations of the Experience Cloud graphic that I created and began changing the colors to fit the style of the event.
I continued to play around with colors over the course of the following days adding in more grays. I also included a login page and button to make the app seem more realistic.
After adding more color in the start screens and making some more minor adjustments I was ready to move onto prototyping.
Prototyping the app requires the addition of many new art boards as you have to account for each new screen that the user would see when they begin navigating within the app. For example, because each menu screen shows a portion of the page that the user was previously on, I had to make many additional menu screens in order to have smoother transitions between screens.
This video demonstrates how the app design and prototype finally came together!
