mrsketch.io

Wireframes / Interaction / Visual / Prototype

mrsketch.io is a single page app designed to teach new hires, and or UX design teams how to use the powerful tools that Sketch 3 has to offer. Built on a MEAN stack, mrsketch moves and responds in the same manner that a native application would. It's responsive design allows the user to keep mrsketch open at any orientation while working inside of Sketch.


Learn Sketch


When I started sketching out this app, I had one thing in mind, ease of use. I wanted the entire app to sit in a single page and flow along the same way a user would learn a new piece of software. Being a self-taught designer, I went off of instinct and designed the app based on the way I've personally learned the software and languages that I know.
image



image
After fine tuning my minimum requirements and spreadsheeting content to help ease development phase, I began to wire frame the app itself. The following contains each screen inside of mrsketch.io. I also have each screen at tablet and mobile orientation, but to spare you, the reader, I'll provide them on request and not make this slide a 20 swipe page.
image



image



image



image



image



image



image