Home
Thesis
Summary Deliverables Timeline Process
Sweet Home
The Suitors The Looks The Auras
Portfolio
About Me

Kiss Me Through the Phone

Home
Thesis
Summary Deliverables Timeline Process
Sweet Home
The Suitors The Looks The Auras
Portfolio
About Me

Refined Demo & Commercial Videos

I worked with a videographer to get more refined and polished videos so that Aura could really shine.


PostedJuly 10, 2016
AuthorDavid Spears
Categoriesanimation, motion graphics, marketing
CommentPost a comment

Commercial / Thesis Summary Video

Here's the the thesis summary video, as I prepare for final review, that will be used as a commercial for Aura.


PostedApril 23, 2016
AuthorDavid Spears
Categoriesanimation, marketing, motion graphics, design, branding
CommentPost a comment

Demo Conversation Rough

Rather than making the conversation seem live, requiring me to build out every step taken to send a text message in this string, I made it a review of texts sent and received and then a response. This allowed me to be time efficient which still showing the majority of the auras and creating a new text. The above video is a rough cut of me demonstrating this prototype. I plan to record with a member of my target audience with better lighting.  To experience this for yourself…

View Prototype

Please keep in mind that this prototype has a very specific path of behaviors because the goal was not to user-test, but rather demonstrate a sample conversation.


PostedNovember 16, 2015
AuthorDavid Spears
Categoriesprototype, motion graphics, animation, design
CommentPost a comment

Hi-Fi Tutorial Development & Prototype Testing

I simplified the overview even more and distilled it down to a six slide experience that the user could scroll through. At the end of the overview the user can decide whether to go to the longer, interactive tutorial or just get started using the app. I integrated this overview with the tutorial and animated the various parts of the tutorial, elevating the prototype from low-fidelity to high-fidelity.

View Tutorial

I user-tested eight users, one of whom was new to prototyping this app. All of the users enjoyed and understood how to use the app and found getting started much faster. They were also pleased with the animated sections. To see the user-testing of the integrated tutorial…

Download PDF

PostedNovember 1, 2015
AuthorDavid Spears
Categoriesmotion graphics, animation, prototype, usability testing
CommentPost a comment

Lo-Fi Prototype Development

Even though the orange-blue color palette yielded a higher preference during the user-testing of the logo development, a warm/cold blue color palette worked best when building out the app. This final color palette was applied to the lo-fi prototype, which was developed and designed further. I placed the screens and linked them using InVision up to the options section, where I'm awaiting feedback on which tutorial icon to use. I also started animating sections to get a feel for the process and to refresh myself on After Effects. The loading and last splash pages are animated, which you need to tap "Skip" to view.

View Prototype

To view the flat design…

Download PDF

PostedOctober 11, 2015
AuthorDavid Spears
Categoriesbranding, design, prototype, animation
CommentPost a comment

© 2014 by David Spears