Flowkit Path Demo A lot of you know how symbol overrides work in Sketch, but I wanted to show a simple way for those that aren't as familiar. This is what I came up ...
Little Flowkit Flows Had fun making these little guys to show off a few of the symbols in action. The animation is done by adding a class name to the dashed svg code a...
Flowkit – Sketch Library This little OCD side project turned into something much more. I spent several weeks fine-tuning the most robust and intelligently-named symbol coll...
Flooooooooow I went a little crazy and made all these resizable user flow symbols that I can summon on command. Helps me never have to draw a "flow line" again....
Siempo — The phone for humans Siempo just launched on Kickstarter today and I'm excited to finally show this concept work I did for them last year. Not all of my designs made it...
MyMonero Wireframes Pretty much every application I design starts with some good 'ol fashion strategy and planning, followed by some sort of wireframing to flesh out t...
Siempo This year I got to collaborate with Fathom & Draft led by @Matthew Smith on a phone that promotes a distraction free lifestyle... Ultimately, ...
AIUX - Edit Profile This is the edit view in the AIUX app. No animation here, it's a screen recording of me interacting with a local build of the live app. I'm extend...
AIUX - Profile Simple profile screen for the AIUX course. The avatar is either the default AIUX avatar or pulled from Gravatar– there's not a huge need for profil...
AIUX - Mobile Module Made a few small updates to the AIUX progress indicators from the previous shots. Thanks to Nilesh for the suggestion. - Check + Grey Title: Compl...
AIUX - Module Page Module page for the AIUX course. A module contains all of the lessons for a given section. The video duration for each video lesson is totaled to f...
AIUX - Mobile View & Syllabus Expanded Mobile view for the upcoming AIUX course. Sometimes the navigation just needs to get hamburgered. Full size attached.
AIUX - Lesson Complete Modal This is an interstitial modal after completing an AIUX lesson. The circle around the checkmark shows your total course completion. Full view attach...
AIUX - Lesson Page This is a sneak peek of the Lesson page from my AIUX course. I started off designing in code, but ended up feeling stuck. Here's where I left off ...
AIUX Responsive Navigation A snippet from one of the videos in the responsive UX web course– available soon through http://aiux.co
Interior Page in-Progress Working on some interior pages for this site. The brand colors are teal and need to stay that way, but I'm kind of digging this reddish color for t...
Apple Devices - Wireframe Download Here are some devices I've created in Illustrator to present responsive wireframes. I've found that they provide a better context when discussing w...
High Level Wireframes Finishing up the first version of some high level wireframes for a new client site. The content is still in flux, so in these situations I like to ...
Create a Sitemap in Illustrator Ever wanted to know how to create quick sitemaps in Illustrator? This took about 6 minutes to create. Check out the process video here: http://matt...
Beloved Squirrel Painting Gig in-progress. I made a demo animation for the dev team's reference http://mds.sh/roadie/on-my-way/ (flash)
YO for Sportsball I spent this past week designing a fun little app called, Rivalry!, for college sportsball fans. It's like YO, but you send your team's callout to ...
Mobile Wireframing with Illustrator Illustrator is still my go to for wireframing. To me it's the quickest way to create these types of designs. I consider myself extremely fast and e...