Icon x alert

MDS
MDS

Athens, GA

▲Shape shifter. Working on a new interface design course. shiftnudge.com

  1. Night Run Night Run — Faux heart rate display for this conceptual running app. Designed with InVision Studio. Check out the full design + prototype on YouTube. 👉 https://www.youtube.com/watch?v=V7okfgeJ7qA That juicy font I'm using for the numbers is Action Condensed. Look at that "3"... so good. 😍
  2. Oops Oops — Faux error notification for this conceptual running app. Designed with InVision Studio. Check out the full design + prototype on YouTube. 👉 https://www.youtube.com/watch?v=V7okfgeJ7qA
  3. Subtle Animation Subtle Animation — It's all about those subtle animations. This is a closeup look at a simple swipe interaction using only 2 artboards in InVision Studio. See the full design + prototype here https://www.youtube.com/watch?v=V7okfgeJ7qA
  4. More Cowbell More Cowbell — Smaller instance of the Cinesampler app plus the final icon design for the dock. 👍
  5. Cinesampler Default View Cinesampler Default View — This is the default view after downloading the Cinesampler app. Feature section, simple instructions up top to get started.
  6. Cinesampler – Music app Cinesampler – Music app — This was a really fun project. It's a Mac app for composers (will also be cross platform) that lets you stream professionally recorded instrument samples to your computer for testing with your MIDI keyboard. This view shows 6 instruments loaded into 6 MIDI channels with the library catalog collapsed. You can see other views in the Cinesampler Project.
  7. Steady Income Steady Income — Here's a look at one of the main views in the Steady app. Who doesn't love a good chart. 😏
  8. Steady Profile Steady Profile — This is the Steady profile. I've been super into borderless designs lately—trying to use the bare minimum of "UI chrome" like lines, differentiations of background color, etc. to separate content, and instead rely on typography/color, motion, interactions, etc.
  9. Steady Info Steady Info — Trying to go for super clean and super useable. I always feel conflicted about which input style to go with on iOS. The prevalent 1-2px lines beneath input fields aren't always the most apparent. I like the way the full color backgrounds on these inputs say, "this whole area is a target... touch me anywhere to use." 👍
  10. Settings Settings — Settings in the app. Little custom toggles and such. These took surprisingly long to settle on. Full preview and some other styles explored, attached...
  11. Mnemonic Mnemonic — Mnemonics are used as the log in for digital wallets. When you create a wallet you have to remember/write down your mnemonic. Here are some screens that make it easier, so you don't have to type every single word again. More screens attached.
  12. MyMonero UI Animation MyMonero UI Animation — Playing with some animations for the MyMonero marketing site. Frame rate is a little faster to appease the 8MB-dribbble-limit-gods. 🙃 Built in good 'ol Flash....err... Adobe Animate.
  13. Emoji Contacts Emoji Contacts — One of the challenging things about cryptocurrency is all of the crazy long addresses that can't be remembered. To try to hedge this barrier with MyMonero, I came up with the idea of simple contacts list that could be use for quick transactions. No one's going to have photos lying around on their computer of all of the random people, and we didn't want to rely on facebook or twitter avatars fo...
  14. MyMonero Landing Page MyMonero Landing Page — Nearing completion on this landing page design. A few more tweaks and should be ready for code. Larger non-motiony version attached.
  15. MyMonero MyMonero — A glimpse of the MyMonero desktop app I've been working on. App designs are 99%~ complete—working on the landing page now... This is my first foray into the world of cryptocurrency and designing for a desktop app. Lots of fun problems to solve. Smash that L key to show some love. 😘
  16. Flowkit Path Demo 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 with. ✌️ Check out the live version https://sketchflowkit.com
  17. Little Flowkit Flows 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 and animating with CSS like this: .fk-path-alt animation: strokeDance 5s infinite ease-in-out @keyframes strokeDance 0%, 100% stroke-dashoffset: 0 50% stroke-dashoffset: 240 You can see it all in action at https://sketchflowkit.com 🤘😎
  18. Flowkit – Sketch Library 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 collection for user flows, content maps, etc. I could possibly muster. So I never had to draw any of this again. After testing it out on several projects myself and sending it to a dozen people or so to do the same, I've tweaked refined, renamed, rinsed...
  19. Siempo — The phone for humans 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 into the final product, but I'm happy to see that the main concepts are still there. Siempo is a new phone that's all about cutting out distractions. Last year I collaborated with @Matthew Smith and the two Siempo co-founders, Jorge and Andreas, du...
  20. Siempo Siempo — This year I got to collaborate with Fathom & Draft led by @Matthew Smith on a phone that promotes a distraction free lifestyle... Ultimately, I came up with the designs you see here. Wish I could show more... Soon! → http://siempo.co p.s. i didn't design the site ;)
  21. Keyboards Keyboards — Designing some UI for something new...
  22. Product Hunt "Upcoming" Sketch Template Product Hunt "Upcoming" Sketch Template — Back when @Sam and I were launching Contrast, I made some designs for our Product Hunt "Upcoming" page. There were no guidelines since PH was just releasing the feature, so in the process I made a template that could be useful for the future. 👇👇👇👇👇👇👇👇👇 Download it fo' free 👆👆👆👆👆👆👆👆👆
  23. Use Contrast Use Contrast — Stoked to release this new little color contrast app I made with @Sam Soffes into the world today. 🚀 https://usecontrast.com ---------- If the URL isn't working, try https://usecontrastcom-icvtxlmeyy.now.sh/ We're having issues with the host or DNS or something. https://usecontrastcom-icvtxlmeyy.now.sh/ This is the tool that I've always wanted ever since I learned about and began integratin...
  24. Intro to Icons Intro to Icons — Just launched Intro to Icons. A fast-paced video series that teaches the fundamentals of icon design in under an hour. If you're already a icon design pro, this isn't for you—though you might pick up a trick or two... If you're not 100% confident in your icon design abilities and are getting started, this is for you. And it's FREE. Check it out http://introtoicons.com 20 lessons, each one j...
or sign in
Loading more…
close