Icon x alert

Aaron Wade
Aaron Wade

San Diego, CA

Have fun and build stuff.

animation, css, enterprise, html, interaction design, javascript, product design, ui, ux

  1. Wiley Body Splash Page Wiley Body Splash Page — I was able to make a new splash page for @Vanessa's new venture, Wiley Body, which is a skincare line "for every body." Because the landing page was so simple, we decided to have some fun with it before we launch the full site later this year. This is my first time using blend modes in CSS, and it pairs nicely with the SVG shapes. Everything is nice and sharp at every resolution. The blend mo...
  2. Cabrillo Cabrillo — I had the honor of collaborating with the super talented @Molindsay on an icon to announce some new tech ServiceNow rolled out for mobile last year. The point of the software was to provide users a way to hook into web-actions with native iOS UI, creating a bridge for builders on our platform. Seemed only fitting that the technology was named after a bridge that is local to San Diego. Much n...
  3. Dashboard Concept - Perspective 3 Dashboard Concept - Perspective 3 — I never got around to posting the other few chunks of this, so I'm just going to take care of that now ;)
  4. Dashboard Concept - Perspective 2 Dashboard Concept - Perspective 2 — Original Shot Another perspective of the dashboard. Really had a lot of fun and learned a lot with staggering animations in and out. The user avatars glitch in using displacement maps, which was a first for me. Designed in Illustrator, animated in After Effects, gif-ified in Photoshop. Happy to answer any questions!
  5. Dashboard Concept - Perspective 1 Dashboard Concept - Perspective 1 — Perspective 1 Contributing to a 'future vision' of a product that's meant to help companies sift through loads of data to just see the information that's important to me (user). This concept was designed and animated as an introduction/pitch to a much larger project. It won't ever see the light of day in real world applications, but helps build a story to what will be shipping to production. ...
  6. Timeline Preview Timeline Preview — Running through some iterations on previewing videos from the timeline. Tapping will take you in, swiping will take you by.
  7. Public Timeline Public Timeline — Excited to start on the interactions for this new project. Planning on really getting into it over the next few weeks and sharing as I move along. I've attached a static version without the color banding, as well as the video that was used to generate this gif!
  8. Grand Entrance Grand Entrance — We want mad hops like Thumper. Signup and follow along! http://pomodoros.launchrock.com/
  9. Hairdo Hairdo — This is Thumper. Thumper cares deeply about having a topnotch hairdo. I'm having a blast working with Alvin to bring his awesome illustration to life for a new app that's launching soon. Signup over here to learn more: http://pomodoros.launchrock.com/ More to follow!
  10. Preparing the final presentation... Preparing the final presentation... — When we finally wrapped up the design for this project, we prepared a landing page and a video walkthrough for the stakeholders to present to the rest of the department and board members! I had a good time building out the landing page. We used Mixpanel and Sublime Video to track which "chapters" were being viewed the most :) This is probably one of the few opportunities we had to get a littl...
  11. Traversing X-Ray Traversing X-Ray — We will "x-ray" some of our interactions so the developers can better see the intricacies of shifting UI elements. Having no harmony in the colors helps emphasize where things go. Not so pretty, but helpful :). We're hiring like crazy. Get ahold of us by reaching out to anyone on the Blue Shield of California dribbble page!
  12. Permissions Alternate Permissions Alternate — Another take on the permissions system. This was the first iteration on this system. The original shot was the fourth iteration. The purpose of this version was to keep the messaging and the actual 'permission' part of the application contextual by placement. Keeps the users eyes from scanning, and their fingers in the same area for a comfortable secondary action. We threw this out once we c...
  13. Final Dashboard Final Dashboard — The final UI for the dashboard! Creative Direction & Strategy: Bobby Ghoshal Visual Design: Joselle Ho
  14. Permissions System Permissions System — This application is centered around several event types. There are no caps on how many types of events could be put into the system, so instead of forcing them into an intense settings view, we came up with this option to optimize on the fly. This is the basic flow for our 'permission' system. Before the app learns your habits and sorts different events for you, we have the user acknowledge (e...
  15. Pagination Exploration Pagination Exploration — Though it's pretty unrealistic, it was still fun to build.
  16. Traversing Traversing — Here are some interactions for a product I worked on in late 2014. Over 4 months and a ton of iteration, these interactions ended up being pretty close to what we sent off to development for the pilot. This design is 1 of 4 major versions we went through. We begin interactions as soon as we have some basic wireframes to start stitching the flow together. It gives us an idea of how it might fee...
  17. Hot to Cold Hot to Cold — Playing around with some shapes to see if I end up on anything compelling for a logo. I wasn't feeling it at all until I started introducing some colors. I'm considering turning the 'shadows' into knock-outs for smaller sizes.
  18. Sneak Peek! Sneak Peek! — Can't wait to show you all what I've been working on! MP4 attached for a more quality preview. Edit: This comp really fulfills nothing. I did it for fun, practice, and hype. :)
  19. Layer 'Docking' Concept Layer 'Docking' Concept — Just a concept. 1. Locate layer you want to rearrange. 2. Drag layer into temporary 'docking' palette. 3. cmd + click in composition or scroll layer palette to find new destination for the 'docked' layer. 4. Move 'docked' layer back into main layer palette. 5. Profit. Does something like this exist? Is there a way of doing this currently? Is an extension like this even possible? Having wor...
  20. I gave my soul for this dying world I gave my soul for this dying world — I was cleaning up my harddrive and ran across a bunch of unused scenes for this project. I thought it would be fun to use the throwaways, and update the look of the existing ones. I have quite a few 'thumbnails' that I drew up on Paper app that I'll likely include with the case study once everything is ready. Playing around with the brush scattering in Photoshop as well. :)
  21. Precomposed Touch Gestures Precomposed Touch Gestures — Download them here! I often have to animate my app prototypes at work, and noticed myself digging through past projects solely for a touch gesture to illustrate what actions were being done in my concepts. I made these to save myself time, and felt that maybe it would help others as well. These are free for a tweet, or $2. All proceeds will be donated to AFSP.org. I will be actively keeping t...
  22. [Animated] I've Scoured the Earth [Animated] I've Scoured the Earth — ... for the pieces of me. Doing album artwork and promo materials for bands is such a nice break from the usual forms of work. Hoping that some form of this gets pressed and printed. There's something nice about having a physical digipak or booklet to flip through. Static version attached!
  23. As a new villain approaches... As a new villain approaches... — The journey begins :) This is the last render to complete the animation sequence I've been working on for the past week or two. Excited to see it all finally come together. #tf
  24. You've Failed Me You've Failed Me — Still trying to figure out arrays, and to make placement a little more automated. That said, still having a blast on this #tf
or sign in
Loading more…
close