Icon x alert

John Sherwin

Dublin, Ireland

Product Designer at Rubicoin.

  1. Article Article Hey 👋, We recently updated our educational app, 'Learn'. Along with a navigational overhaul, new content and a refreshed visual design, I also worked on text settings and a night mode feature, to improve the reading experience in low-light conditions. Here's a quick screen recording of it in action. Follow me on Twitter 🐦.
  2. Create Account - Username Create Account - Username Hey Dribbble, 👋 Here's part of the sign up flow for a music app I'm currently working on. I opted to split the sign up form over several screens to provide more space for hints and helper text. 😉 Follow me on Twitter 🐦.
  3. Input Prototype Input Prototype Yo ✌️ I've realised recently Codepen is a great resource for quick little prototypes. This is an input style I'm designing for a website. There's a subtle floating animation when the input is focused and one on the button on hover. Instead of designing this in a prototyping tool and praying for it to be executed properly I thought it'd be worth just building it in code, then sending the link ...
  4. Icons Icons Some more icons. These are 3px icons for iOS. 1.5px stroke width in Sketch for export @2x. Tweaked to 1.33px for export @3x. Gotta' get those lines pixel perfect. ✌️ Follow me on Twitter 🐦.
  5. Framer Bottom Navigation Framer Bottom Navigation I created a Framer module that replicates the Bottom Navigation from the Material Design spec. Hope it helps with your Android prototyping. Get it on Github → Framer Bottom Navigation Follow me on Twitter 🐦.
  6. Spotify Player Spotify Player Hi Dribbble, 🏀 I built this little Spotify player as a means of practicing some stuff I've been learning recently on HTML 5/JavaScript Audio. Needless to say, it took a couple of hours on Stack Overflow to figure some of this out but I'm happy I did. Thought I'd upload the whole project here for anyone else that would like to use or learn from it. Obviously, I've removed the tracks I used wh...
  7. Icon Set: Work In Progress Icon Set: Work In Progress Quick look at a little icon set I started working on in my spare time. Using this project to hone my icon design skills as I haven't done much work in this area lately. Starting with a simple line icon set with a focus on keeping the style consistent and clear. I'll share the full set on Dribbble to download when they're finished! 😁
or sign in
Loading more…
close