Icon x alert

Noah Levin
Noah Levin

San Francisco

Design Director @ Figma. Previously: ClassPass, Google, Framer, NASA, MHCI from Carnegie Mellon. ENFP.

  1. I'm Joining Figma! design tools figma ui ux prototyping design I'm Joining Figma! — I'm excited to share I'm moving back to San Francisco to manage the very talented design team at @Figma! You can read more about it, and some thoughts on the future of design tools, here: https://goo.gl/qfRosH Also, we're hiring ;-)
  2. Pull to refresh concepts framerjs framer clock fitness mobile ios pull to refresh Pull to refresh concepts — Playing around with some fun ideas for a pull to refresh. Props to @Carly Shatzkin for the drawings / concepts, I just had the fun role of bringing them to life here with framer. Play with them here: https://framer.cloud/Jzalt/ ^ Best viewed in safari or on your phone
  3. ClassPass 2.0 Prototype tabs framer prototype fitness classpass ClassPass 2.0 Prototype — We used framer to prototype a large section of our latest redesign, including tabs, the new home page with recommendations, filters, favorites, and more. You can play with the full prototype here This is probably the largest prototype I've built and I'm excited to share it here —there's some fun subtle details including parallax, pressed states, scroll animations, and more. Shoutout to our am...
  4. Animated Gif Class on Skillshare classes animation gif Animated Gif Class on Skillshare — Animated gifs are very popular these days, but unfortunately can be a bit tricky to get right. In my new class on Skillshare, you'll learn how to record interactions directly from your iPhone, how to add perspective, balance colors properly, and some tips to keep file sizes down. And just for you dribbblers, the first 100 people to enroll using this link will be able to take the class for free...
  5. Google Now iOS google iphone ios google now search Google Now iOS — We spent a lot of time crafting the transition from the simple and familiar home page to the predictive Google Now cards on the search app for iOS. I'm lucky to work with such talented engineers who enjoy sweating the details in projects like this. Full screen view attached. Thanks to @Neway Lau for the minimalist iPhone template, and to Carlos for teaching me about AE corner pins. We're hiri...
  6. Framer Welcome Window Iterations mac app welcome window prototype framer Framer Welcome Window Iterations — In the spirit of Dribbble's original intentions of sharing process work, I wanted to share a bunch of the welcome window iterations I had the pleasure of working on with the fine folks at Framer back in May. It was super fun to collaborate with such a talented team. Shout out to the great @Jonas Treub on building and shipping it soon after I left. More info: http://blog.framerjs.com/posts/welc...
  7. Side Project Mobile App framer recording mobile music Side Project Mobile App — Fun side project from this summer involving mobile music things. Prototyped with Framer.
  8. ClassPass Onboarding classpass iphone onboarding ClassPass Onboarding — We recently shipped a new onboarding experience for ClassPass members. By answering just four quick questions about what type of fitness activities they are interested in and when/where they like to work out, we can show great class recommendations based on their preferences. We used FramerJs to prototype a bunch of options, user tested them with members in New York and Boston to iterate as ne...
  9. Berlin Dribbble Meetup: Travel Lockscreen dribbble meetup berlin lockscreen android Berlin Dribbble Meetup: Travel Lockscreen — We had a contest here in Berlin where we were given < 2 hours to make a dribbble shot with specific requirements around what information needed to be displayed for a travel experience from Berlin to Tokyo. Here's my submission: an android lockscreen where you can swipe up to get relevant contextual information about your trip. I thought about using Skylines as the iconic imagery for the cit...
  10. Free Online Prototyping Class code class prototyping class framer framerjs prototype Free Online Prototyping Class — Interested in learning how to make custom interactive mobile prototypes with framer in under an hour? Take my brand new free online class on Skillshare!! Even if you've never coded before, I've made easy to follow along and learn how to make animations, respond to click/tap/drag events, and preview your prototypes directly on your device. Check it out and let me know what you think!
  11. Framer Workshop html slides framer Framer Workshop — Slides from a Framer Workshop I used to teach at Google, and currently teach at various start ups, General Assembly, and most recently Whitespace. One of the more interesting pieces for students was the high level breakdown of each tool and what they are good for, which was to help folks understand that there is no de facto prototyping tool, it just depends on what you're trying to do (+ pers...
  12. iOS Google App Colored Headers google ios websites search browser iOS Google App Colored Headers — One of my favorite parts of the new Google app for iOS is the colored headers we provide for web pages. We wanted to celebrate the unique brands of the sites you visit, and help blend the chrome in with the content to feel more like a native application. All you have to do if you want your web site to be colored is add a theme-color meta tag. We're using the same spec we provided for android l...
  13. The new Google app for iOS google material design ios google search The new Google app for iOS — Today we launched a brand new version of the Google app for iOS. This has been the result of a lot of hard work from many talented people for the better part of a year, and I’m so proud to finally share it with you all! You can now get to Google from anywhere easily in one tap, view recently visited pages to carry on more complex tasks, and explore interactive maps directly inside the app. We ...
  14. Google Now Reminders google iphone animation google now reminders Google Now Reminders — Try setting a reminder using the Google Search app on iOS. Instead of a standard toast for the confirmation, we thought it'd be better to have the card transition directly into your Google Now stream to reinforce the notion that this is where it will appear later on. Almost like storing it in your pocket for later. Full size video attached
  15. iOS Google Voice Search voice search google voice search iOS Google Voice Search — We finally launched the improved voice search UI on the iOS Google Search app! App store: http://nlev.in/KhjH Blog post: http://nlev.in/Kk45 Also be sure to check @andy stewart's fantastic work in the android version, which is what inspired this one: http://dribbble.com/shots/846728-Android-Mic (thanks to @jazzdebruin and @marshallbock for the device templates used in the attachments)
  16. Vinclo type script custom script Vinclo — My first attempt at a custom script. I used Adobe Ideas with a stylus on my iPad then refined it in Illustrator. I'm new at this so feedback would be much appreciated :-) Vinclo is latin for "Strong Ties", the name of a Facebook app I'm currently working on. More shots / info likely to come later this month.
Loading more…
close