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. Switch to Studio – Launched! 🚀 Switch to Studio – Launched! 🚀 — View it live 👉 https://switchtostudio.com --- Closer look at the home page for Switch to Studio.
  5. Panel Illustrations Panel Illustrations — These are some of the illustrations I made for each section of the free Switch to Studio course.
  6. Switch to Studio 🚀 Switch to Studio 🚀 — Switch to Studio is live 👉 https://switchtostudio.com --- Excited to launch this project I've been working on over the last few months. Content creation, video producing, designing, developing... all for a new (free!) video course called Switch to Studio. See attached for large views.
  7. Streamline 3.0 is here Streamline 3.0 is here — Streamline 3.0 is live! The icon set is crazy big and soooo good—made my job a lot easier. There's a special launch discount valid for the next 2 weeks. Go check it out. 🚀 https://streamlineicons.com/ ✭ Design/code/copy by yours truly ✭ Animations by @Yup Nguyen ✭ Icons by @Vincent Le Moign and team
  8. Streamline watchOS Streamline watchOS — Fake watch app screen to put using a few Streamline icons. ＿＿＿＿＿＿＿＿＿＿ Icons by @Vincent Le Moign Watch Mockup by @Meng To Edit: Oops, used the wrong file for this shot. See attached for an extra little upwards graph icon by the MPH. 🙃
  9. Streamline Category Viewer Streamline Category Viewer — This is the dark theme from the Streamline icon category viewer. Default is white, but I'm always partial to the darkness. =) See attached for each variation. Get notified when the new set launches.
  10. More Cowbell More Cowbell — Smaller instance of the Cinesampler app plus the final icon design for the dock. 👍
  11. 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.
  12. 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.
  13. 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. 😏
  14. 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.
  15. 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." 👍
  16. 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...
  17. 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.
  18. 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.
  19. 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...
  20. 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.
  21. 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. 😘
  22. 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
  23. 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 🤘😎
  24. 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...
Loading more…
close