Playing around with animating the logo for the Insight app Iām designing.
Misplaced Lens Cap
No title available
KIROKAZE
Jules of Nature
Cosmic Funnies

No title available

Discoholic šŖ©
h

Origami Around

#extradirty
hello vonnie
trying on a metaphor
Cosimo Galluzzi

@theartofmadeline
todays bird
No title available
Monterey Bay Aquarium
Not today Justin
Today's Document
šŖ¼

seen from United States

seen from Australia
seen from Philippines
seen from United States

seen from Germany

seen from United States
seen from United States
seen from United States
seen from United States

seen from United States
seen from United States
seen from United States
seen from United States
seen from Iraq
seen from Kazakhstan
seen from Iraq
seen from United States

seen from United States

seen from United States

seen from Germany
@geoffsundergradthesis
Playing around with animating the logo for the Insight app Iām designing.
A short version of the Insight promotional video published on YouTube.
My midyear presentation slideshow which I presented on December 10th, 2015 at Emily Carr University.
Outlining, refining and practicing my midyear presentation!
Next Steps
Upon completing my first semester working on this project, I made a list of the next steps I will take during my spring semester:
complete refined versions of every screen for the app
prototype and user test the app
create a short version of the promotional video
explore possibilities for a regular and expert version of the app
explore ways for users toĀ āshare insightsā with municipalities (and other decision makers) through the app
V2 of the promotional video published on Youtube.
PromotionalĀ Video Refinement
Some things I did to improve the first version of the video:
re-recorded the audio with a brighter and more positive voice and improved the audio quality (hanging out in that extremely small recording booth was a blast...)
refined the script to reduce the length of the video and improve the language
improved the appearance of the illustrations and expressive typography
created smoother, more human feeling transitions throughout the video
User Scenario Images and Captions
User Scenario Creation
For the purposes of my midyear presentation (and other future demonstrations) I created a user scenario that would help put the app into context. I created a script and some thumbnail sketches to develop the narrative then took photographs of my subject using the app in situ.
Interface Design Refinement
After nailing down a more solid brand identity I created more polished versions of the main screens of the app. I moved away from using dark grays and tried dark browns and beige which gave the interface a warmer and more inviting appearance. Sticking with a predominantly dark color palette allowed the app to continue to feel scientific and legitimate.
After coming up with the basic Insight logo I decided that the magnifying glass and bee icon that I integrated into the āiā wasnāt quite working. The bee icon framed by the magnifying glass looked too much like a honey dipper. So I did some more sketching and ideating to come up with something different.
I explored the the concept of light and how we use light as a metaphor to describe knowledge, discovery and insight. While sketching, I took inspiration from the filament of a light bulb and the glow and shape of a candle light.
The refined logo still includes a modification of theĀ āiā however I removed the magnifying glass and replaced it with filament inspired bee icon. The combination of the beeās body and the letterĀ āiā below it form the shape of a candlestick and flame. Overall the new Insight logo concept is easier to pick up on and is more tightly aligned with the core mission of the project. The logo is also congruent with the rest of the brand identity which prioritizes a modern, flat and punchy appearance.
I found that the new logo has strong potential for animation purposes. For example the the three stripes on the bee could be animated like progress bars during a loading screen. This is something I ended up integrating in the promotional video I created to give the logo a little more energy.
Changes In TheĀ Application Architecture
After some rapid prototyping and refining the interface design of the app I decided to remove theĀ field guideĀ component and add in a tutorial component. Instead of having it as an independent section of the application, I decided to integrate the field guide into the record observation/explore dataĀ sections so it is offered to the user when they actually need it. Although the promotional video I created does touch on the basics of making an observation, the newĀ tutorial component offers more detailed instructions which the user can view at their own pace and on the fly.
Here is the first draft of the Insight engagement video. In this version there is audio from start to finish but the animation cuts out about halfway through. Over the last couple weeks of this semester I am aiming to have a fairly polished version of the whole video to show.
Here are some screenshots I took while animating the video in After Effects.
After developing some visual ideas for the video I brought them into Illustrator and added some color. During class I was able to get feedback on these simple Illustrations before beginning the animation.
After developing a solid video script I printed it out with extra space where I could sketch potential visuals to pair with the writing. I came up with 1-3 different visual approaches for each segment of the script.
I spent a couple weeks developing a script for the engagement video I was making. I wanted the tone of the script to be casual and accessible while retaining a sense of importance. Below is the latest draft of the script.
Insight App Engagement VideoĀ Script - v5
Youāve probably heard of the declining population of honey bees and how this issue could have catastrophic effects on our natural ecosystems and food supply.
But did you know that population decline is an issue faced by all pollinator species?
We are extremely dependent on pollinators. One out of every three bites of food of we eat is thanks to the work they do.
But first of all, what exactly is a pollinator?
A pollinator is an animal that helps move pollen from one flower to another so plant reproduction can occur.
This service is essential to life since most fruits, vegetables, nuts and other crops that provide for meat, dairy, fiber, drugs and fuel are pollinated by animals.
There are countless types of pollinators native to North America including species of bees, wasps, flies and butterflies.
And like any natural system, the diversity of these pollinators is tied to their resiliency and abundance.
Although it has been suggested that pollinators are in decline, our scientific understanding of them is incomplete, making it difficult to assess their status.
What we need is long term pollinator monitoring to better understand the relationship between pollinators and the different manmade and natural environments.
But collecting this amount of data is not possible with a small group of scientists.
We need citizens like you to help observe pollinators in order to build a network of useful pollinator data.
Fortunately, these days we are all walking around with tiny computers in our pockets which turn out to be the perfect tool for monitoring pollinators.
That's why weāve created Insight the Citizen Network for Pollinator Data
Making an observation with the Insight mobile app is quick and easy!
Simply find area that contains flowering plants such as a park, the side of the road or your backyard and pick a 1m2 area to observe pollinators within.
Then over duration of a few minutes, record the pollinators you see by tapping the corresponding icons in the app.
Photograph your discoveries and share your results fellow citizen scientists and friends on social media.
You can also explore and compare your own data and the collective data of the citizen science community to gain new insights into the status of pollinators around you.
If you want to become an expert, the app includes a field guide where you can learn more about the different types of pollinators and their favorite flowers.
The more citizens involved, the more data we collect and the more data we collect, the more accurate we can be about sustaining pollinator populations.
So what do you say? Why not become a part of the solution to support the essential-to-life creatures we call pollinators?