Here is the quick high-level version of my design process no matter what I am working on.
1. Research
2. Ideate (sketching)
3. Refine (Illustrator, Photoshop, Sketch, XD)
4, Consolidate
5. Revise
6. Finalize
7. Delivery

Once I receive all of the project assets from the UX researcher/designer, I typically try to set up a meeting with them so I can better understand their user flow and why they applied the patterns that they used. If I am not working with a UX team, or if I'm responsible for the wire-framing of the project, I always start with sketching out as many layout ideas that fit the research as possible. 
Once I have a firm grasp on the user flow and the client, I build out a color scheme (if one doesn't exist), typography standards, element styles, and icon design. 
After the screens have been completed, I start to pull all of my assets into Invision and start building a high-fidelity prototype. These prototypes are used to test our assumptions that something should work the way we had hoped. We want to make sure that the buttons, links, menus etc... are perceived as such when they are being used. 
Once the stakeholder/client approves of the design, developer handoff starts. I work with the Craft Sync plugin to make sure that my InVision and Sketch files are the same. I prep my Sketch files to make sure they are pixel perfect and they don't have to worry about half pixels or any other similar issues. As soon as InVision and Sketch are synced up and showing the same screens, I export all of my assets from Sketch.
Back to Top