Elevate Your Brand With Full Responsive Web DesignDao Sino
I design full, responsive website experiences that combine strategy, UX flow, and polished UI with interactive prototypes that look and feel like the real thing.
Core deliverables include multi-device layouts and a complete developer-ready handoff package, with optional motion design, animations, and integration support available as needed.
With my background in UX-UI and graphic design, I deliver not just visuals but a seamless, engaging experience that sets your brand apart and makes development smoother, faster, and more cost-effective.
What's included
1. Discovery & Strategy
We begin with a focused strategy session to understand your brand, goals, and audience.
This step defines the project’s direction, clarifies what the website needs to achieve, and ensures the final design aligns with your business objectives.
You’ll leave this stage with a clear plan and creative vision for your new site.
2. Wireframes & UX Flow
Next, I design wireframes that map out the layout, navigation, and content flow of your website.
These "blueprints" show how users will move through your site, ensuring an intuitive and seamless experience.
This stage gives you a preview of the structure before any visuals are applied, reducing risks and saving time later.
We created the initial documentation for the game's logic, mechanics, layout, content, flow, and UX parameters, as well as its recommendations and restrictions.
3. UI Design & Visual Identity
Here, the website comes to life visually.
I create high-fidelity mockups that integrate your brand’s colors, typography, imagery, and design elements.
The result are modern, stylish, and user-friendly interfaces that strengthens your brand identity and captures your audience’s attention.
We update the documentation to include the visual identity, UI parameters, and restrictions.
4. Responsive Website Designs & Prototypes (Desktop, Tablet, Mobile)
I deliver high-fidelity prototypes that showcase exactly how your website will look and behave across devices (desktop, tablet, and mobile).
These interactive mockups give you and your developers a realistic preview of the full experience before coding begins, saving time and reducing costly revisions.
This may include some HTML and/or CSS, depending on your needs.
We update the documentation with any adjustments from testing, add links and information about the prototypes, and include any other important parameters or information.
5. Motion & Interactive Design Features (Optional)
To bring your site to life, I design interactions, animations, and transitions that make the experience more engaging.
Whether it’s hover effects, scroll-based animations, or interactive elements, you’ll see how users will interact with your site in a polished, visually dynamic way.
Updating or creating new, more detailed versions of the prototypes in Figma and/or Framer. We also update the documentation with links, etc.
6. Developer-Ready Handoff Package
You’ll receive all final design files, assets, and documentation needed for seamless integration by a developer.
This includes organized source files, colors, typography, images, video assets, all the documentation, and interactive prototypes (e.g., via Figma, Framer, or similar). May includes other files formats.
Everything is packaged to make development straightforward and efficient.
7. Launch Support & Collaboration Guidance (Optional)
While I don’t handle backend development, I ensure your developers (or chosen team) have everything they need to build the site exactly as designed.
I can provide guidance during integration, answer questions, and support smooth collaboration so your website launches successfully without losing design integrity. I can work with your development team as a frontend designer.
FAQs
I've been working in the digital media space since 1998, and in web design since 2000.
My experience goes far beyond traditional web design. As a multidisciplinary creative manager & senior designer, I have a strong background in graphic design and have spent over 14 years managing both projects and teams.
My expertise includes:
- UX/UI Design: Comprehensive UX/UI for video games, mobile apps, and web platforms.
- Cross-Media Solutions: Web-to-print and cross-media promotion.
I have been working as a freelancer since 1997, which has given me the unique opportunity to work on a wide variety of projects and develop a versatile range of skills.
A typical web design package can vary widely depending on scope and complexity. As a reference, a stylish one-page landing site usually starts around $2,000 USD, while a more dynamic, multi-page website generally ranges between $3,000–5,000 USD or more.
The exact cost depends on several factors, such as the number of pages and sections, the complexity of navigation and features, whether full content and media are provided or need to be created, and the level of polish required for prototypes.
Optional add-ons like motion design, detailed documentation, or ongoing collaboration with your development team can also influence the budget.
My approach is transparent:
- Once we agree on a scope, I guarantee delivery within that plan and absorb any miscalculations on my side.
- The only adjustments to cost or timeline come from client-requested changes beyond the initial agreement, or from hidden elements not presented before the design process begins.
- This way, you get clarity upfront, flexibility when needed, and the reassurance that your investment matches the value delivered.
My pricing evolves over time, but the structure remains the same with three options:
1) Rate per hour – for any project, any size.
2) Rate per day – for medium or larger projects (or complex small ones).
3) Flat rate – for recurring clients, large-scale, or very complex projects with bigger budgets.
These options can be mixed when needed; for example, adding daily or hourly rates on top of a flat package for extra work.
Ask for my latest rates and request your personalized quotation today.
I can provide a wide range of files and formats tailored to your project's specific needs. The exact deliverables depend on the project scope and the package you choose. Below is a detailed breakdown of the common file types I can provide you with.
Source & Deliverable Files
I can provide many types of source files that allow for easy future edits and scaling. I also deliver web-ready files that are optimized for immediate use.
- Common source files: .psd, .ai, .eps, .svg, and .tiff for graphics and vector files. I also provide video files like .prores for high-quality video content.
- Web-ready formats: .png, .jpg, .gif, and .webp for optimized images, as well as .mp3, .mp4, .mv4, and .webm for audio and video.
- Web design files: I deliver front-end web design files, including .html, .htm, .xml, .css, and .xhtml. I can also provide basic .js or .php files if they are necessary for a prototype's functionality. I do not, however, do any back-end coding.
Documentation & Prototypes
The final documentation and prototypes are delivered in a way that is easy for you and your team to use.
- Documentation Formats: Our documentation is typically provided in PDF, but I can also deliver it in formats like Microsoft Office (.docx, .xlsx, .pptx) or Google Workspace (Google Docs, Sheets, Slides). I am also flexible and can use your preferred project management platform, such as Notion or Airtable.
Prototypes: Prototypes can be delivered in a variety of ways depending on the project's requirements:
- Access to live Figma or Framer projects and prototypes.
- A temporary, working website prototype on a private or hidden URL.
- Other types of prototypes, such as animated GIFs or interactive mock-ups.
Flexibility
If you need a specific format or file type that isn't listed, simply let me know. I can likely accommodate your request, though it may require a charge for extra software licenses or access to one of your own active licenses.
I maintain an extensive suite of professional software and tools to handle a wide range of project needs. Below is a breakdown of the software I use with my own licenses, as well as tools that clients may need to provide.
Tools & Software I Use with My Own Licenses
- Adobe Creative Cloud: I have a full-suite subscription that includes:
- Photoshop, Illustrator, and InDesign for graphic design and layout.
- Premiere Pro, Audition, and Media Encoder for video and audio production.
- Acrobat Pro and Distiller for professional PDF management.
- Adobe Express and Firefly for streamlined content creation and generative AI.
- Figma Professional: I have a full seat with access to:
- Figma Design for UX/UI and prototyping.
- FigJam for whiteboarding and collaboration.
- Figma Sites, Slides, and Make for additional design and presentation needs.
- Framer: I use the Business Launch.
- With the ability to upgrade to the Scale plan if a project requires it.
- Microsoft 365: I use the standard suite of business tools, including:
- Word, Excel, and PowerPoint for documentation and presentations.
- OneNote, Teams, and Copilot for productivity and collaboration.
- I have basic knowledge of Visual Studio Code.
- Google Workspace Business Plus: I use the complete suite, including:
- Docs, Sheets, and Slides for collaborative work.
- Drive and Shared Drive for file management.
- Google Forms and Sites for data collection and simple web pages.
- NotebookLM and Gemini Pro/Nano/Imagen for AI assistance.
- I have knowledge of Google Analytics for web data analysis.
- CapCut Pro: For video editing and social media content creation.
- FTP Clients: For file transfer and management.
- Other AI Tools: I use active subscriptions for:
- ChatGPT Plus
- Midjourney Pro
- Runway Pro
Client-Provided or Additional Tools
For certain projects, clients may need to provide access to software with their own licenses. These may also be available for an additional charge.
- DaVinci Resolve Studio
- Airtable (Teams or above)
- Notion (Plus or Business, with or without AI)
- Canva Pro
- Anthropic Claude Pro
- Recraft Pro
- Udio AI (Standard or Pro)
- Suno AI Pro
- Leonardo.ai (Artisan Unlimited or above)
- Webflow
- Symfony (I have basic knowledge for simple needs)
The timeline for a website project varies greatly and is directly tied to its complexity. There is no single average, as a project's length depends on several key factors.
The most significant factors are the scope and features of the website, including the number of pages, the kind of functionality required (such as an e-commerce store or a booking system), and whether it will include custom animations or interactive effects. The project's timeline is also heavily influenced by content, specifically if I am responsible for writing copy, creating videos, or sourcing images.
After we have a detailed discussion about your specific needs and expectations, I will provide a clear project timeline. My goal is to deliver efficient and high-quality work, so I will not rush a project or compromise on quality to meet an unrealistic deadline. However, I am committed to finding a solution. If your deadline is tight, we can explore a phased approach or bring in trusted partners to accelerate the process, for an additional fee.
To give you a general idea, a small, static landing page could take a couple of weeks to deliver a full package. In contrast, a large-scale project with multiple sections, custom features, and extensive content can take two months or more to complete. My priority is to protect my work and reputation while delivering a final product that you will be proud of.
Contact for pricing
Tags
Adobe Illustrator
Adobe Photoshop
Figma
Framer
UI Designer
UX Designer
Web Designer
Service provided by
Dao Sino Montreal, Canada
Elevate Your Brand With Full Responsive Web DesignDao Sino
Contact for pricing
Tags
Adobe Illustrator
Adobe Photoshop
Figma
Framer
UI Designer
UX Designer
Web Designer
I design full, responsive website experiences that combine strategy, UX flow, and polished UI with interactive prototypes that look and feel like the real thing.
Core deliverables include multi-device layouts and a complete developer-ready handoff package, with optional motion design, animations, and integration support available as needed.
With my background in UX-UI and graphic design, I deliver not just visuals but a seamless, engaging experience that sets your brand apart and makes development smoother, faster, and more cost-effective.
What's included
1. Discovery & Strategy
We begin with a focused strategy session to understand your brand, goals, and audience.
This step defines the project’s direction, clarifies what the website needs to achieve, and ensures the final design aligns with your business objectives.
You’ll leave this stage with a clear plan and creative vision for your new site.
2. Wireframes & UX Flow
Next, I design wireframes that map out the layout, navigation, and content flow of your website.
These "blueprints" show how users will move through your site, ensuring an intuitive and seamless experience.
This stage gives you a preview of the structure before any visuals are applied, reducing risks and saving time later.
We created the initial documentation for the game's logic, mechanics, layout, content, flow, and UX parameters, as well as its recommendations and restrictions.
3. UI Design & Visual Identity
Here, the website comes to life visually.
I create high-fidelity mockups that integrate your brand’s colors, typography, imagery, and design elements.
The result are modern, stylish, and user-friendly interfaces that strengthens your brand identity and captures your audience’s attention.
We update the documentation to include the visual identity, UI parameters, and restrictions.
4. Responsive Website Designs & Prototypes (Desktop, Tablet, Mobile)
I deliver high-fidelity prototypes that showcase exactly how your website will look and behave across devices (desktop, tablet, and mobile).
These interactive mockups give you and your developers a realistic preview of the full experience before coding begins, saving time and reducing costly revisions.
This may include some HTML and/or CSS, depending on your needs.
We update the documentation with any adjustments from testing, add links and information about the prototypes, and include any other important parameters or information.
5. Motion & Interactive Design Features (Optional)
To bring your site to life, I design interactions, animations, and transitions that make the experience more engaging.
Whether it’s hover effects, scroll-based animations, or interactive elements, you’ll see how users will interact with your site in a polished, visually dynamic way.
Updating or creating new, more detailed versions of the prototypes in Figma and/or Framer. We also update the documentation with links, etc.
6. Developer-Ready Handoff Package
You’ll receive all final design files, assets, and documentation needed for seamless integration by a developer.
This includes organized source files, colors, typography, images, video assets, all the documentation, and interactive prototypes (e.g., via Figma, Framer, or similar). May includes other files formats.
Everything is packaged to make development straightforward and efficient.
7. Launch Support & Collaboration Guidance (Optional)
While I don’t handle backend development, I ensure your developers (or chosen team) have everything they need to build the site exactly as designed.
I can provide guidance during integration, answer questions, and support smooth collaboration so your website launches successfully without losing design integrity. I can work with your development team as a frontend designer.
FAQs
I've been working in the digital media space since 1998, and in web design since 2000.
My experience goes far beyond traditional web design. As a multidisciplinary creative manager & senior designer, I have a strong background in graphic design and have spent over 14 years managing both projects and teams.
My expertise includes:
- UX/UI Design: Comprehensive UX/UI for video games, mobile apps, and web platforms.
- Cross-Media Solutions: Web-to-print and cross-media promotion.
I have been working as a freelancer since 1997, which has given me the unique opportunity to work on a wide variety of projects and develop a versatile range of skills.
A typical web design package can vary widely depending on scope and complexity. As a reference, a stylish one-page landing site usually starts around $2,000 USD, while a more dynamic, multi-page website generally ranges between $3,000–5,000 USD or more.
The exact cost depends on several factors, such as the number of pages and sections, the complexity of navigation and features, whether full content and media are provided or need to be created, and the level of polish required for prototypes.
Optional add-ons like motion design, detailed documentation, or ongoing collaboration with your development team can also influence the budget.
My approach is transparent:
- Once we agree on a scope, I guarantee delivery within that plan and absorb any miscalculations on my side.
- The only adjustments to cost or timeline come from client-requested changes beyond the initial agreement, or from hidden elements not presented before the design process begins.
- This way, you get clarity upfront, flexibility when needed, and the reassurance that your investment matches the value delivered.
My pricing evolves over time, but the structure remains the same with three options:
1) Rate per hour – for any project, any size.
2) Rate per day – for medium or larger projects (or complex small ones).
3) Flat rate – for recurring clients, large-scale, or very complex projects with bigger budgets.
These options can be mixed when needed; for example, adding daily or hourly rates on top of a flat package for extra work.
Ask for my latest rates and request your personalized quotation today.
I can provide a wide range of files and formats tailored to your project's specific needs. The exact deliverables depend on the project scope and the package you choose. Below is a detailed breakdown of the common file types I can provide you with.
Source & Deliverable Files
I can provide many types of source files that allow for easy future edits and scaling. I also deliver web-ready files that are optimized for immediate use.
- Common source files: .psd, .ai, .eps, .svg, and .tiff for graphics and vector files. I also provide video files like .prores for high-quality video content.
- Web-ready formats: .png, .jpg, .gif, and .webp for optimized images, as well as .mp3, .mp4, .mv4, and .webm for audio and video.
- Web design files: I deliver front-end web design files, including .html, .htm, .xml, .css, and .xhtml. I can also provide basic .js or .php files if they are necessary for a prototype's functionality. I do not, however, do any back-end coding.
Documentation & Prototypes
The final documentation and prototypes are delivered in a way that is easy for you and your team to use.
- Documentation Formats: Our documentation is typically provided in PDF, but I can also deliver it in formats like Microsoft Office (.docx, .xlsx, .pptx) or Google Workspace (Google Docs, Sheets, Slides). I am also flexible and can use your preferred project management platform, such as Notion or Airtable.
Prototypes: Prototypes can be delivered in a variety of ways depending on the project's requirements:
- Access to live Figma or Framer projects and prototypes.
- A temporary, working website prototype on a private or hidden URL.
- Other types of prototypes, such as animated GIFs or interactive mock-ups.
Flexibility
If you need a specific format or file type that isn't listed, simply let me know. I can likely accommodate your request, though it may require a charge for extra software licenses or access to one of your own active licenses.
I maintain an extensive suite of professional software and tools to handle a wide range of project needs. Below is a breakdown of the software I use with my own licenses, as well as tools that clients may need to provide.
Tools & Software I Use with My Own Licenses
- Adobe Creative Cloud: I have a full-suite subscription that includes:
- Photoshop, Illustrator, and InDesign for graphic design and layout.
- Premiere Pro, Audition, and Media Encoder for video and audio production.
- Acrobat Pro and Distiller for professional PDF management.
- Adobe Express and Firefly for streamlined content creation and generative AI.
- Figma Professional: I have a full seat with access to:
- Figma Design for UX/UI and prototyping.
- FigJam for whiteboarding and collaboration.
- Figma Sites, Slides, and Make for additional design and presentation needs.
- Framer: I use the Business Launch.
- With the ability to upgrade to the Scale plan if a project requires it.
- Microsoft 365: I use the standard suite of business tools, including:
- Word, Excel, and PowerPoint for documentation and presentations.
- OneNote, Teams, and Copilot for productivity and collaboration.
- I have basic knowledge of Visual Studio Code.
- Google Workspace Business Plus: I use the complete suite, including:
- Docs, Sheets, and Slides for collaborative work.
- Drive and Shared Drive for file management.
- Google Forms and Sites for data collection and simple web pages.
- NotebookLM and Gemini Pro/Nano/Imagen for AI assistance.
- I have knowledge of Google Analytics for web data analysis.
- CapCut Pro: For video editing and social media content creation.
- FTP Clients: For file transfer and management.
- Other AI Tools: I use active subscriptions for:
- ChatGPT Plus
- Midjourney Pro
- Runway Pro
Client-Provided or Additional Tools
For certain projects, clients may need to provide access to software with their own licenses. These may also be available for an additional charge.
- DaVinci Resolve Studio
- Airtable (Teams or above)
- Notion (Plus or Business, with or without AI)
- Canva Pro
- Anthropic Claude Pro
- Recraft Pro
- Udio AI (Standard or Pro)
- Suno AI Pro
- Leonardo.ai (Artisan Unlimited or above)
- Webflow
- Symfony (I have basic knowledge for simple needs)
The timeline for a website project varies greatly and is directly tied to its complexity. There is no single average, as a project's length depends on several key factors.
The most significant factors are the scope and features of the website, including the number of pages, the kind of functionality required (such as an e-commerce store or a booking system), and whether it will include custom animations or interactive effects. The project's timeline is also heavily influenced by content, specifically if I am responsible for writing copy, creating videos, or sourcing images.
After we have a detailed discussion about your specific needs and expectations, I will provide a clear project timeline. My goal is to deliver efficient and high-quality work, so I will not rush a project or compromise on quality to meet an unrealistic deadline. However, I am committed to finding a solution. If your deadline is tight, we can explore a phased approach or bring in trusted partners to accelerate the process, for an additional fee.
To give you a general idea, a small, static landing page could take a couple of weeks to deliver a full package. In contrast, a large-scale project with multiple sections, custom features, and extensive content can take two months or more to complete. My priority is to protect my work and reputation while delivering a final product that you will be proud of.
Contact for pricing