Wireframing, Design, Copywriting, Illustration, Development
August 2013 - March 2015
After a year of working at ClearServe, we still had no video to tell investors or clients who we are and what we do. Brand awareness was small and as we were looking to expand our client list, I took it upon myself to create a video as part of our branding and marketing strategy. I began researching similar companies and other startups for their intro videos to get a better idea of the kinds of information they presented. I collected a list of links with notes about what aspects of each I liked or disliked (like the voiceover tone and emotion, animations, background music / side effects, etc), and which I thought presented the information the best.
After sufficient research, I came up with a script highlighting some of the benefits and unique features ClearServe has to offer. As I drafted the script, I thought about various ways to visualize it. I laid the script out in a logical order that would be easy to translate to a video with corresponding animations. Using a shared Google Doc, I reviewed and tailored the script with the help of my team.
Once the script was finalized, I began drafting high-level sketches, creating a mini-story board with multiple "slides" per page. Once I reviewed these with my colleague, I transitioned to sketching out a more detailed story board page by page.
After reviewing with the team, I worked with a more seasoned animator to bring the storyboards to life. I provided extensive notes about transitions, colors, fonts, styles, and more.
One project for ClearServe included designing a dashboard for the application. I began by gathering information about what made sense to be displayed on the dashboard by speaking with our product specialist and using informal feedback from existing beta clients.
I then turned to pen and paper to sketch some ideas.
After my team lead and I had signed off on the sketches, I turned to Photoshop to bring the sketches to life and to make sure there were no use cases that I had overlooked during the sketching phase. I worked with the product specialist throughout the process to come up with user stories and to get more information on how the client may use the dashboard.
Marketing Collateral Design
In order to give potential clients more information about ClearServe, I put together a marketing one sheet that could be sent or given to clients without additional explanation. I worked on drafting copy for the one page using a shared Google Doc with my team.
I collected research on other company marketing collateral before beginning to sketch some ideas on paper.
After reviewing the sketches with my team, I turned to Illustrator to bring the sketches to life and created custom icons for the one pager.
Various process documents were required for various business purposes (fundraising, marketing, etc). The images below are sterilized snippets from these documents.