UI/UX Design for applicationsMartin Malmheden
I'll take you through the complete design process of your app. We'll begin with an intro call to get to know each other and go through your case and what you need help with. Based on the design process we'll look at what your needs are and how to move forward.
Emphasize - We figure out who your users are and what their goals are.
Define - Looking at the outcome from the previous step we figure out where the real problems of your users exist.
Ideate - We brainstorm and come up with solution ideas together. When we feel that we have enough we take a step back and go through them all and down-select one or a few to prototype and test.
Prototype - I build prototype(s) (clickable low-fidelity mockup prototype in Figma and/or javascript prototype) that are to be used for testing.
Test - We try out the prototypes on a set of representative users and draw conclusions. Typically, this gives insights that require another round of design to get it right.
Implement - At this point we're feeling good about the prototype. Now it's time to move on to detailed design in Figma. I work out the pixel perfect designs and you review. This typically takes a couple of iteration and then we'll have the visual blueprints of your application
Whereas this is an excellent and standardized design process, it's not mandatory to follow it religiously. Every project is different with it's own conditions and requirements. It's common that parts of the process are more or less done but the client need help with the rest, and that's totally fine! I'm flexible and we'll find a way to adapt to your needs.
If you wish I will also deliver a complete (js/react) code frontend that you can use to kickstart development. How this part materializes depends on your needs - it could be that I deliver a boilerplate visual frontend that you can continue development with or I can work with code you already have and make it look exactly like the detail design. Another option is that I work with your developers to help get the final touches right. We'll find a way that suits you!
What's included
Personas
Detailed outlines of the personas for your application. Delivered in figma or exported as PDF.
Low fidelity design / wireframes
A rough design that captures the essence of the user experience and what your app will do. This document is used to iterate back and forth regarding usability and functionality and serves as a reference document moving further to detailed design. Delivered in Figma.
Detailed design
Pixel perfect designs of your app showing exactly what it will look like when implemented. Colours and typography is defined in a style guide to ensure consistency and all css properties are available for your developers to directly make use of. Delivered in Figma.
Prototype implementation
A frontend visual implementation of your app that helps bridge the design/developer gap. I deliver javascript/react code for all the visuals of your app 100% matching the detailed design. Delivered as code through github or as a zip.
Martin's other services
Contact for pricing
Tags
Figma
Sketch
UI Designer
UX Designer
Service provided by
Martin Malmheden Malmö, Sweden
- 1
- Followers
UI/UX Design for applicationsMartin Malmheden
I'll take you through the complete design process of your app. We'll begin with an intro call to get to know each other and go through your case and what you need help with. Based on the design process we'll look at what your needs are and how to move forward.
Emphasize - We figure out who your users are and what their goals are.
Define - Looking at the outcome from the previous step we figure out where the real problems of your users exist.
Ideate - We brainstorm and come up with solution ideas together. When we feel that we have enough we take a step back and go through them all and down-select one or a few to prototype and test.
Prototype - I build prototype(s) (clickable low-fidelity mockup prototype in Figma and/or javascript prototype) that are to be used for testing.
Test - We try out the prototypes on a set of representative users and draw conclusions. Typically, this gives insights that require another round of design to get it right.
Implement - At this point we're feeling good about the prototype. Now it's time to move on to detailed design in Figma. I work out the pixel perfect designs and you review. This typically takes a couple of iteration and then we'll have the visual blueprints of your application
Whereas this is an excellent and standardized design process, it's not mandatory to follow it religiously. Every project is different with it's own conditions and requirements. It's common that parts of the process are more or less done but the client need help with the rest, and that's totally fine! I'm flexible and we'll find a way to adapt to your needs.
If you wish I will also deliver a complete (js/react) code frontend that you can use to kickstart development. How this part materializes depends on your needs - it could be that I deliver a boilerplate visual frontend that you can continue development with or I can work with code you already have and make it look exactly like the detail design. Another option is that I work with your developers to help get the final touches right. We'll find a way that suits you!
What's included
Personas
Detailed outlines of the personas for your application. Delivered in figma or exported as PDF.
Low fidelity design / wireframes
A rough design that captures the essence of the user experience and what your app will do. This document is used to iterate back and forth regarding usability and functionality and serves as a reference document moving further to detailed design. Delivered in Figma.
Detailed design
Pixel perfect designs of your app showing exactly what it will look like when implemented. Colours and typography is defined in a style guide to ensure consistency and all css properties are available for your developers to directly make use of. Delivered in Figma.
Prototype implementation
A frontend visual implementation of your app that helps bridge the design/developer gap. I deliver javascript/react code for all the visuals of your app 100% matching the detailed design. Delivered as code through github or as a zip.
Martin's other services
Contact for pricing