The post SnapBox Website appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.

The post JONDO Website appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.

To start, I pitched the idea to my CEO at JONDO and then found potential creative agencies to work with. From this list, we found an agency out of Chicago whose existing portfolio matched what we sought.

As project manager, I served as the point person between our CEO, Senior Vice President, and the creative agency. My role as the creative force on the JONDO side was to always make sure the agency well represented our brand and message. The agency would deliver assets for review at each step of the process. I would then review with my executives and then relay our edits back to the agency.

I began by sending over an illustrated figure that is often used as part of the JONDO branding. The creative agency took this figure and expanded upon the style, making careful use of the JONDO colors. Storyboards were delivered next, then audio recordings, then initial animations before finally arriving at a version of the animation with final narration and sound design that JONDO was happy with.

The post JONDO Explainer Video appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.

I worked with the development team at JONDO on this project. They supplied me with basic wireframes to show screens and user flow needed. It was my responsibility to take these wireframes and create hi-fidelity screens following the JONDO style guide to keep the overall look and feel in line with other JONDO web properties.

A card based design made perfect sense for the overall UX as it allows the development team to add additional content blocks to the platform as needed. Adding a completion counter to the API process prevents it from feeling overwhelming as users are better able to understand their steps to completion.

Components:

· Registration & Sign In
· Menus
· Account
· Orders
· API

The post JONDO API Dashboard appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.

My role was to take these wireframes and turn them into high fidelity designs that were then passed onto development. In doing so, I developed all of the UI elements on which the site would be based and created enough screens to thoroughly capture the experience of the dashboard.

Components:

· Dashboard
· Styles
· Register & Sign In
· Messages
· People
· Calendar
· Documents
· Email

The post JONDO Network Dashboard appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.

The post Costco Canvas Insert Card appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.

The post JONDO Solar Logo appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.

In designing these, I strived for a look that would be clear (useful) and clean (pretty) in order to truly engage the user. This involved using modern font styling from SnapBox's branding and professional imagery sourced from Stocksy with some product photography shot by me where needed. Designing the series as artboards in Photoshop CC aided me in maintaining a consistent style across all of the emails and also allowed me to easily share similar assets between each since I could see and work with everything all in one PSD.

Once the designs were completed and approved, I set up the HTML emails for each design in SnapBox's email marketing tool (Bronto) along with SnapBox's standard email header and footer.

The post SnapBox Automated Emails appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.

View the prototype here,.
Note: Prototype is best viewed on a desktop browser.

Components:

· Initial Research
· User Flow
· Additional Screens

The post Costco Pro Photo Lab appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.

The idea of the graphic was that it was meant to complement a speech given by the Executive Director of the organization. Working with my old manager, we came up with the idea of a pie with each piece focused on a different topic. This pie became the basis of what came to be known as the opportunity wheel.

My job in this case was to design and animate a piece that transitioned from the organization's logo to the wheel, focus on each piece of the wheel, call attention to the concept of the opportunity wheel, and then bring it back full circle to the logo. I created the assets in Photoshop and brought them into After Effects for animation. The animation video was then split into segmented video files, which I worked into a custom Keynote presentation for seamless playing (and pausing where needed) as the slides progressed.

The first iteration of this was completed for the 2011 event. Since then, I've modified and revised the animation a few times for other Economic Summits to match the specific branding and needs of those events. The version shown here is the most recent from 2016.

The post Opportunity Wheel Animation appeared first on Travis Do | UI/UX Designer, Branding, Web, Photo, Video.