A clear and clean dashboard that allows a user to carefully select items at a rapid pace. This dash was a part of a project management hub the user would procede through to classify data. I worked with clients and developers to create the experience, mock up the design and create the front-end for a prototype.
The newly branded Millward Brown Digital requested a mobile survey that fell within their brand guidelines and also worked seamlessly within a contemporary mobile OS environment. I created several static mock ups finally converting the selected one to code.
Their 'survey engine' consists of dynamic html, and I found it to be a rewarding challenge to use CSS to style the dynamic survey to fall in line with expectations. As you can imagine, this involved a ton of testing. The survey runs across mobile platforms, degrades gracefully and adjusts certain content for wider, tablet formats.
The vape community is a collection of e-cigarette aficionados. These are late teens to 40's (based on the client's description, predominantly male) people who enjoy vaping as a pasttime or are transitioning from traditional cigarettes. This group spends quite a bit of money on modifying existing vape devices. It is very popular in the Bay Area and Los Angeles.
The client wanted to create a community that allows users to upload images of their devices, describing any changes they made, share their opinions on the devices and possibly purchase the item.
I developed a persona of the ideal user and created a wireframe/userflow while communicating ideas and incorporating feedback to and from the client, also a e-Cig user. The client had an general idea of the look and feel, and I guided them through each phase of the design through multiple mockups.
Pinkbox Doughnuts is a brick and mortar doughnut shop serving delicious regular, specialty and gourmet doughnuts. They requested an app to simplify their ordering process, build consumer loyalty and generate user feedback and dialogue.
I was directly responsible for all concepts and execution as well as occasionally responsible for developing copy. Projects were for a wide range of publishers including Apple, Yahoo!, MSN, Unilever, ESPN, Pandora, Twitter and more and were completed under strict deadlines, typically less than a week. Most invitations were meant to entice the user based on the publisher's demographic. Many of these banners have 160x600 and 728x90 standard replications.
Client: Recruitment ads for Safecount/Millward Brown Digital Recruitment
Service: Creative Direction | Design | Animation
Post Oven Application/Site
Post Oven is a social content approval tool looking to compete with larger, more expensive brands with simplicity and affordability. After viewing the clients (thankfully) detailed brief I sent a proposal of my work process and an overview of what I could do with the tool, winning it after a short phone call. The process included info gathering, branding, persona writing, wireframing and design. I would hop on client calls during crucial steps and confirmation points to go over completed work and prepare for upcoming phases.
To design a simple, usable and marketable content approval product for social media
The new tool will need to enable customers to:
Have separate experiences for user and client
Have categorical content tagging
Allow producers to produce and iterate under client approval
Allow clients to track and approve progress in a clear and intuitive way
Access a calendar that acts as a project overview
Have a marketable front page that highlights the tool's goals and strengths
Create a brand identity that reflects the easy-to-use and effective nature of the tool
An important step in the project and where we would spend most time on the phone. I typically start this process with working out the brand identity, but the client had not thought of the name (or procured a domain.) Despite this, I continued gather infomation on the brand in order to build a foundation of the ideals, customers and competitors in order to move on to the next and future phases. Some questions asked:
What kind of personality will your brand have?
Do you have any competitors?
Who is your audience?
Why is your product unique?
Why is there a need for your products?
It was made clear in the brief that two user archetypes would be using the tool.
Christie, the brand manager, would need minimal involvement and an incredibly simple approve or deny vehicle while also being able to oversee the project she was approving.
Julie, the content creator, needs control. She needs a streamlined system that allows her to overview projects and get what she needs in a few clicks. However, she needs to do so under Christies approval. These two were the focal point of this project and we often referenced them by name throughout.
It was clear that 'simplicity' was a major need for the tool. However, I believe that above all this meant 'distillation'. Instead of projects listed freely, they would be client based and each project from there could be filtered down even further.
The client expressed that, currently, they would only prefer a desktop solution, so we focused on that.
During the wireframing page the project evolved considerably. While trying to keep 'feature creep' to a minimum, the client and I were able to clear up any mixed communications we had. This was thanks, in part, to using Axure which allowed for interactivity so the client could 'test drive' the tool. We also had a few informal user tests based on our personas at this stage which aided in weeding out ambiguity.
User tests were conducted in-person using the wireframe and led us to make several changes.
Users stumbled with some of the copy
Users weren't connecting the Notifications bars to items/projects
Content creators wanted to be able to move on to the second post stage without permission in some cases
Brand managers didn't want their emails cluttered with notifications
Both parties wanted an overview calendar
Both parties enjoyed the idea of subdividing projects by client
Initially, the client did not approve of the subdivision by client and I did not initially want an overview calendar. I felt it would detract from the simple and clean vision of the tool. This challenged me to come up with a solution that could benefit the user's request and keep the tool's aesthetic
Reaching this stage, I already had clear insights on the client's vision. They were looking for a brand that illustrated simplicity, fun, and the flow we had dicussed in our previous phases. The client had aquired the name 'Post Oven'.
After a ton of initial sketches, I moved to illustrator to play with shapes and placement leading to several interations. I chose 3 and presented to the client.
After this, I worked out the rest of the identity. I wanted a warm, playful and simplistic palette and type.
Rather than giving the client a traditional PSD mockup, I decided (with their OK) to mock the site up in code using Bootstrap as a foundation. We agreed that this would make it easier to transition the project to a developer and make changes. Traditional design tools were still used for iconography. The design reinforces the brand pillars discussed in previous phases: Simplicity, warmth, distillation and flow.
Reinforcing these pillars in the front page, I kept the palette mostly analogous, added significant space and left out photography or texture. I also wanted to emphasize the user 'jumping in' to encourage eventual signup.
The client had an initial wireframe that I augmented to better suit his goals. I created the entire layout and UI for the app in several different colors. This was at the request of the client so that the user can have minimal customization.
Provide a simple-to-use tool that allows home-based entrepreneurs to make business presentations - in person, or long-distance - about their company, products/services and business opportunity
Provide users with a simple-to-use team communication tool that allows two-way communication throughout the team
Provide users with a simple-to-use team notification tool that keeps team members informed of upcoming events
Provide users with a simple-to-use social marketing tool that allows them to create, share content to dozens of social media sites around the internet
Network marketers that don't already have a mobile app provided to them by their MLM company for use in promoting their business opportunity
MLMers that want a quick/easy way to post content to social media sites for social marketing purposes
Using media queries and device detection, I coordinated with the development team to provide a clean and fluid survey template that is flexible enough to accept an unknown amount of dynamic information. This had several incarnations of the template that maintained the general look and feel throughout including desktop, mobile and in-banner which needed to respond to 160×600, and 728×90 banner sizes.
I was directly responsible for strategy, design and CSS.
The goal, overall, is to have a simple, user friendly experience to keep the user progressing, unimpeded, until the final page. I've also worked with publishers like Tumblr, AOL, Barneys, Hulu to create desktop survey experiences.