From App Idea to Prototype: Web & Mobile UX-UI DesignDao Sino
I design complete, user-focused interfaces for web and mobile apps, from first ideas to a fully packaged handoff ready for development.
Unlike simple visuals, my process covers every stage of UX and UI; from research, flows, and wireframes to polished high-fidelity designs, with optional prototypes and animations that let you experience the product before it’s built.
You’ll receive a turnkey design package with all sources, documentation, and clear guidelines, making integration fast, reliable, and seamless for your team.
What's included
1. Discovery & Research
Through structured discussions and analysis, you'll receive a clear understanding of your project needs, audience, and goals. This ensures alignment before any design work begins.
I'll then provide a quote for the project along with suggestions to help make it even better.
2. User Flows & Information Architecture
I'll deliver visual maps of your app's structure, navigation, and core user journeys. These documents will clarify how users will move through your product.
This is where we start exploring how everything will work.
3. Wireframes (Low-Fidelity)
You’ll get simple, functional layouts that define screen structure and content placement. These help confirm usability and flow before visual design.
*It is possible to request a simple prototype at this point, to feel and test logics, and navigations, etc.
4. Visual UI Design (High-Fidelity)
Your app screens will be designed with final visuals, including typography, colour, icons, and imagery, all aligned with your brand identity and modern UX standards.
I will also provide a document outlining the art direction and various aspects to respect during integration.
5. Interactive Prototype (Optional)
I can provide clickable Figma (all) or Framer (web only) prototypes, allowing you to test user interactions, flows, and navigation before development begins.
Although this deliverable is optional, it is highly suggested. This is the closest you'll get to the final version of the design, and it’s the best way to test, adjust, and confirm everything before moving on.
6. Motion & Effects (Optional)
For added polish, I can design smooth animations, motion design, and interface transitions. These will help you preview the final look and feel of your product.
All animations and effects are delivered within Figma (for all platforms) or Framer (for web only), complete with a preview and documentation on how to reproduce them during integration.
7. Design Documentation & Style Guide
You'll receive detailed documentation covering design rationale, usage guidelines, and a visual style guide to ensure consistency during development.
This will also include a guide to help you understand the final content to be integrated, specifying elements like fonts, sizes, and colour values.
8. Final Handoff Package (This is the final step)
I'll deliver a complete, ready-to-use handoff package, which includes all design source files, exported files, and organized Figma/Framer projects. The package will also contain prototype links and clear documentation to support seamless integration by your development team.
Additionally, I can be hired as a consultant to help your team integrate the design elements into a fully functional product, ensuring the design is followed and works as expected.
FAQs
Absolutely. I start by understanding your idea, your audience, and their needs. From there, I create a plan detailing all required variations, formats, and revision rounds, along with a clear quotation for each element.
Every design is fully customized to your project and users, ensuring you receive exactly what is needed without unnecessary extras.
Of course you can. I offer customized consulting services with a daily or hourly rate, or a flat rate for larger projects. I can work directly with your development team or as an external partner, depending on your needs and what's best for the project.
Just let me know when we start discussing your project.
For source files, the format will depend on the type of app and its style, but I can provide .psd, .ai, .tiff, .eps, Figma, or Framer projects, among others. I can also deliver a very wide range of exported files, including .png, .jpg, .targa, .mp4, .m4v, .css, .svg, and .webp.
Please feel free to specify your needs, and I'll adapt. If you're unsure, I can recommend the best practices, or I can connect with your development team to define their requirements.
The time it takes to complete a full app design varies based on several factors. These include the complexity of the project, the clarity of your requirements, and the amount of content and animations to be designed. The speed of delivery is also influenced by how quickly you provide feedback and approvals, the experience of your development team, and the efficiency of the tools used.
If you have a strict deadline, please inform me at the outset. This will allow me to define the project scope accordingly. Based on my 28 years of experience, I can advise you on the feasibility of the timeline and the most effective way to meet your objectives.
I'm a senior designer, not a backend programmer, so I don't offer full development services on my own. However, for larger projects, I can bring in my network of trusted partners to provide a complete design-to-development solution.
For this process to work, I would need a clear understanding of your project needs and deadlines. A larger upfront retainer would be required to cover the fees of any external partners before they can be engaged.
Alternatively, if you prefer to handle the development on your end and just need me for the design, I can introduce you to some specialized agencies that may be a good fit.
I'm happy to discuss your needs and find the best solution for you.
Contact for pricing
Tags
Adobe Illustrator
Adobe Photoshop
Figma
Interaction Designer
Mobile Designer
Web Designer
Service provided by
Dao Sino Montreal, Canada
From App Idea to Prototype: Web & Mobile UX-UI DesignDao Sino
Contact for pricing
Tags
Adobe Illustrator
Adobe Photoshop
Figma
Interaction Designer
Mobile Designer
Web Designer
I design complete, user-focused interfaces for web and mobile apps, from first ideas to a fully packaged handoff ready for development.
Unlike simple visuals, my process covers every stage of UX and UI; from research, flows, and wireframes to polished high-fidelity designs, with optional prototypes and animations that let you experience the product before it’s built.
You’ll receive a turnkey design package with all sources, documentation, and clear guidelines, making integration fast, reliable, and seamless for your team.
What's included
1. Discovery & Research
Through structured discussions and analysis, you'll receive a clear understanding of your project needs, audience, and goals. This ensures alignment before any design work begins.
I'll then provide a quote for the project along with suggestions to help make it even better.
2. User Flows & Information Architecture
I'll deliver visual maps of your app's structure, navigation, and core user journeys. These documents will clarify how users will move through your product.
This is where we start exploring how everything will work.
3. Wireframes (Low-Fidelity)
You’ll get simple, functional layouts that define screen structure and content placement. These help confirm usability and flow before visual design.
*It is possible to request a simple prototype at this point, to feel and test logics, and navigations, etc.
4. Visual UI Design (High-Fidelity)
Your app screens will be designed with final visuals, including typography, colour, icons, and imagery, all aligned with your brand identity and modern UX standards.
I will also provide a document outlining the art direction and various aspects to respect during integration.
5. Interactive Prototype (Optional)
I can provide clickable Figma (all) or Framer (web only) prototypes, allowing you to test user interactions, flows, and navigation before development begins.
Although this deliverable is optional, it is highly suggested. This is the closest you'll get to the final version of the design, and it’s the best way to test, adjust, and confirm everything before moving on.
6. Motion & Effects (Optional)
For added polish, I can design smooth animations, motion design, and interface transitions. These will help you preview the final look and feel of your product.
All animations and effects are delivered within Figma (for all platforms) or Framer (for web only), complete with a preview and documentation on how to reproduce them during integration.
7. Design Documentation & Style Guide
You'll receive detailed documentation covering design rationale, usage guidelines, and a visual style guide to ensure consistency during development.
This will also include a guide to help you understand the final content to be integrated, specifying elements like fonts, sizes, and colour values.
8. Final Handoff Package (This is the final step)
I'll deliver a complete, ready-to-use handoff package, which includes all design source files, exported files, and organized Figma/Framer projects. The package will also contain prototype links and clear documentation to support seamless integration by your development team.
Additionally, I can be hired as a consultant to help your team integrate the design elements into a fully functional product, ensuring the design is followed and works as expected.
FAQs
Absolutely. I start by understanding your idea, your audience, and their needs. From there, I create a plan detailing all required variations, formats, and revision rounds, along with a clear quotation for each element.
Every design is fully customized to your project and users, ensuring you receive exactly what is needed without unnecessary extras.
Of course you can. I offer customized consulting services with a daily or hourly rate, or a flat rate for larger projects. I can work directly with your development team or as an external partner, depending on your needs and what's best for the project.
Just let me know when we start discussing your project.
For source files, the format will depend on the type of app and its style, but I can provide .psd, .ai, .tiff, .eps, Figma, or Framer projects, among others. I can also deliver a very wide range of exported files, including .png, .jpg, .targa, .mp4, .m4v, .css, .svg, and .webp.
Please feel free to specify your needs, and I'll adapt. If you're unsure, I can recommend the best practices, or I can connect with your development team to define their requirements.
The time it takes to complete a full app design varies based on several factors. These include the complexity of the project, the clarity of your requirements, and the amount of content and animations to be designed. The speed of delivery is also influenced by how quickly you provide feedback and approvals, the experience of your development team, and the efficiency of the tools used.
If you have a strict deadline, please inform me at the outset. This will allow me to define the project scope accordingly. Based on my 28 years of experience, I can advise you on the feasibility of the timeline and the most effective way to meet your objectives.
I'm a senior designer, not a backend programmer, so I don't offer full development services on my own. However, for larger projects, I can bring in my network of trusted partners to provide a complete design-to-development solution.
For this process to work, I would need a clear understanding of your project needs and deadlines. A larger upfront retainer would be required to cover the fees of any external partners before they can be engaged.
Alternatively, if you prefer to handle the development on your end and just need me for the design, I can introduce you to some specialized agencies that may be a good fit.
I'm happy to discuss your needs and find the best solution for you.
Contact for pricing