[vc_row title="Stickerquest: A Daily iMessage Adventure" subtitle="UI Design | UI Art" swatch="swatch-vivifx-style-base" background_image="1212" background_position_vertical="-75" overlay_opacity="0.4" overlay_grid="on" background_image_attachment="fixed"][vc_column width="1/1"][/vc_column][/vc_row][vc_row swatch="swatch-910-2" top_decoration="rounded-inverted" bottom_decoration="rounded-inverted" height="short" overlay_colour="" overlay_opacity="1" background_image_size="auto" background_image_repeat="repeat-x"][vc_column os_animation="bounceInLeft" width="1/2"][heading header_align="left"]Everyday a new adventure! [/heading][vc_column_text]Sticker Quest is a tiny, daily choose your own adventure developed for iMessage.  Each day when the player enters the app, they get to make a choice about the way they explore the world at hand. Based on their choice, the player gets a new sticker! 

Stickerquest was developed in 6 weeks by a small, dedicated team of developers.  I worked mainly as a UI Designer and Artist, although I also weighed in on UX design and motion design. I also partnered up with engineering and implemented some of the UI in the game using Xcode. 

Stickerquest was featured by Apple in their "New Games we Love!" section in the iMessage App store, and continues to be in the Top Apps for iMessage. [/vc_column_text][/vc_column][vc_column align="center" os_animation="bounceInRight" width="1/2"][vc_raw_html]JTNDdmlkZW8lMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCbWF4LWhlaWdodCUzQTYwMHB4JTNCJTIyJTIwbG9vcCUyMGF1dG9wbGF5JTIwc3JjJTNEJTIyaHR0cCUzQSUyRiUyRnZpdmlmeC5jb20lMkZ2aWRlb3MlMkZTV19QbGF5X3NpemVkb3duLm1wNCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUzQ3NvdXJjZSUyMHR5cGUlM0QlMjJ2aWRlbyUyRm1wNCUyMiUyMHNyYyUzRCUyMmh0dHAlM0ElMkYlMkZ2aXZpZnguY29tJTJGdmlkZW9zJTJGU1dfUGxheV9zaXplZG93bi5tcDQlMjIlM0UlMEElM0MlMkZ2aWRlbyUzRQ==[/vc_raw_html][/vc_column][vc_column][/vc_column][/vc_row][vc_row swatch="swatch-910-2" background_image="1212" overlay_colour="#282828" overlay_opacity="0.5" overlay_grid="on" background_image_attachment="fixed"][vc_column width="1/1"][heading]UI Art + Design[/heading][vc_row_inner][vc_column_inner width="1/2"][vc_single_image images="1336" size="full"][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text]Developing a game in six weeks is a wild time. Our team had to quickly identify what was needed, execute it and then rapidly iterate on it. As the UI Guru my primary concern was making sure our game, which would be housed inside Apple's sleek iMessage interface, complied with Apple's User Interface guidelines while still maintaining its own identity.

With the UI design, I followed Apple's UI Guidelines pretty closely - making sure that I built a strong foundation within the app that Apple and iOS users would immediately recognize and understand. I like to think of User Interfaces as a language spoken through layouts, gestures and design, a principal I kept close to heart working on this app. I wanted players to immediately know the dialect, even if they had never played this game before.

If my UI design was a common language shared by all iOS users, I wanted the art to serve as the accent. While the "words" of the interface would be familiar, the artistic "accent" would give it its own flair. I looked primarily at the aesthetic of sticker photo apps and Purikura (Japanese photobooths) for my inspiration. I wanted the style to be overall colorful to match our artist's sticker designs. Since our backgrounds would be changing weekly depending on the world our player was in I needed my assets to be adaptable to different color schemes - either through nice neutral tones, or by tinting the assets on a case by cases basis.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_separator][TS_VCSC_Lightbox_Gallery content_images="1339,1338,1336,1347,1348,1349" content_images_size="large" content_style="Flipster" content_preloader="1" flipster_style="flatline" lightbox_title="caption" lightbox_effect="simpleSwitch" lightbox_backlight="hideit"][/TS_VCSC_Lightbox_Gallery][/vc_column][/vc_row][vc_row swatch="swatch-910-2-3" top_decoration="rounded-inverted"][vc_column width="1/1"][heading]Motion Design[/heading][vc_column_text]

One of my favorite things about working within the iMessage framework was I got to closely study Apple's User Interface guidelines - particularly when it came to motion. Although we didn't have a lot of time in our development cycle, I made time to mock up motion for our game so we could further cement it in the Apple family tree.

Here are some of ways I wanted our app to move. Unfortunately due to our timeline not all of this was implemented in the final version of the app, but some of it did trickle down eventually!

[/vc_column_text][vc_separator][vc_row_inner][vc_column_inner width="1/2"][vc_single_image images="1331" size="full" align="right"][/vc_column_inner][vc_column_inner width="1/2"][vc_single_image images="1337" size="full" align="left"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]