Wanting to display a bit more of my process, I thought it might be neat to show the difference between visual design and interaction design.
Working with my boy Russell Shaw we split the design into two areas. He tackled layout, visual design, brand and identity and helped established the "story flow".
I came in to help bring that flow to life with some scroll-animations. Prototyping these animations in Principle helps us nail the flow a lot faster than asking dev to build off of static images, but is also faster than pulling a whole project into After Effects (remember those days?).
The result is a 1-2-punch to take to stakeholders to get approval.
Loud Music ran an "Unofficial SXSW 2015" venu. All music week we had 45 bands in and out of the venu bringing down the house every night. All leading up to the Headlining show of our stage, Collective Soul! It was a rad time and you didn't get upstairs unless you had one of these.
(I also legitimately used this pass to acquire free alcohol.)
Wireframes to real pixels - 4 comps that show the evolution of the Loudfund "Campaign Page" design concepts.
Shout out to Vivek Venkatraman who brought this to life with me. (Check out his dribbble to see some more work like this)
Good friends out in Berkeley, CA are launching a brilliant new coffee brand called Algorithm Coffee. This is a mock up of a homepage I did as a potential lander.
Visit AlgorithmCoffee.com, they have a new site launching in Jan 2016!
Wrote and produced a promo video with my boys. My favorite part was the art direction working with Daniel and animating his work.
Full credits and the whole promo over on my vimeo page.
This is a mix medium collage inspired by the title song, "Black Magic, Radio Static". Working with local band Kick The Robot on cover art for their up coming album.
I must have done 12 different covers but the vinyl mock up is the band's choice with a couple of my favs below.
Sometimes, you just have to have a little fun. After an afternoon of Star Wars procrastination, I decided to do what I've always done: draw what I see!
EA Games had a rad promo poster for the new Battle Front and I was in love. I also saw a minimal kid's shirt at Target with this guy's face on it. So I thought, "draw a shirt how the shape goes, and remove the outline around it".
Sketch App Resources hit me up and asked to feature it on their site. I was more than stoked! You can download my Sketch file for free and see how I drew this bad boy.
Download from Sketch App Resources
(1200 downloads as of this post!)
This is a mock up of Loud Music's payments admin screen. Part of a larger UX flow, this screen is just pretty. Below are a couple of the first comps that didn't get built but I thought they looked rad as well.
Originally posted on my dribbble page.
Anchor & Mast logo work.
When we were building out the whil. MVP for iOS, I had a lot of fun putting the polish on some interactions. This is one of my favorites and I've been trying to incorporate this feedback style in most of my current projects.
In the Fall of 2014 I briefly joined a San Francisco based startup called whil. I had the opportunity to lead the team's product design efforts in figuring out the design language, as well as the initial UI/UX of the mobile apps.
Seen below is an early smattering of the work I did which included:
- Information Architecture
- Interaction Design
A cafe in Berkeley, CA needed some new labels for a new product that was forming. Here is my label design, but in a presetation format. I left the rest of the photo outside of the label crop marks to show where the label comes from.
Pictured is the first batch of coffee beans being prepared from the first batch that this label would represent.
That's meta, bro.
Onboarding mockups. Made in granular successtion as part of an interactive prototype.
"Talk About Me" by Thief Club
Produced by Josh Barber
Mixed and Mastered by McKinney Botts
Video by Chad Bercea
After a success, encourage another action! Bands are obviously not part of Loudfund but everything is as it shipped! I miss all that purple and teal. I loved those colors.
This workflow was by the books! I drew up some funnels and talked about them with the rest of the co-founders. When we identified goals and prioritized our funnel, I drew up some wireframes and did a thorough pass through each step. After identifying segments and routing was clean, I roped in Vivek Venkatraman (like I always do) and we built a really great on-boarding thing. His visual sense + my ux is something that I'm really proud of. We worked really hard on this and after a lot of band and forth, many iterations and some prototypes, this is one of my favorite things we built.
Gullch.com is undergoing some changes and the first thing on the list is the logo! Displayed are some of my process shots, other logos concepts that didn't make it, and of course the final version.
I posted my favorite over on dribbble!
About 60 days before SXSW 2014 we threw together an app to test a concept. Some UX struggles aside, Levi Lowery was able to raise $20k in a week to help record and promote his new album. Here are a few of the screens from the build. Released on iOS and Android.
Some app store assets.
Loud Music is a startup based in Atlanta, GA & with a pivot comes a new logo, and a new name, and a new business model. I was commissioned to reimagine a stock logo in order to give it some life, and originality. Here are my final comps from this project.
Early concept wireframe below.
Been a huge fan of Hit The Lights since before myspace was a thing. I've been lucky enough to do a couple projects with Nick Thompson and the dudes and this was one that made me laugh the most.
What if instead of a circle pit... there was an "Urkel Pit"?!
One of the tools we provided for our Beta Artists were some business-card-sized flyers.
CIVIL Creative Agency