Website Design by Hanna TapangWebsite Design by Hanna Tapang
Website DesignHanna Tapang
Cover image for Website Design
Overview
I work with individuals and businesses seeking a professional and impactful online presence. It involves creating and refining the visual layout, user interface, and functionality of websites to enhance user experience and engagement. From conceptualizing the design to implementing it with user-friendly navigation, responsive layouts, and compelling visuals, the service aims to craft tailored digital platforms that effectively communicate brand identity, engage visitors, and drive desired actions or conversions.
What to expect:
Discovery Call
Goal Identification - We work with you to determine the goals of your new website, what needs you need to fulfill, and what its purpose is.
Scope Definition - Once we know the site’s goals, we can define the scope of the project, what pages and features the site requires to fulfill the goal and timeline.
Sitemap and Wireframe Creation
With the scope well-defined, we can start digging into the sitemap, defining how the content and features we defined in scope definition interrelate.
Content Creation 
We start creating image content for individual pages, always keeping search engine optimization (SEO) in mind to help keep pages focused on a single topic.
Landing Page Design (Visual Exploration) + Prototyping
With the site architecture and some content in place, we can start working on the visual brand and how it can be displayed on the landing page. Depending on the client, this may already be well-defined, but you might also be defining the visual style from the ground up. Tools like style tiles, moodboards, and element collages can help with this process.
Designing Additional Pages
Upon the successful approval and completion of the landing page design, we understand that you may have the need to expand your website to include additional pages. We will ensure a consistent and cohesive design language throughout the rest of the remaining pages whether they be unique or templated pages.
File hand off to Developer
Once all the pages have been approved and signed off, we will begin the file hand-off to the developer. We will ensure to make annotations for the developer on animation notes, interactions, and any specificities that is required for the developer to seamlessly bring your site to life. 
Pricing Tiers
Consultation ($1,500)
Consultation involves one or a combination of all the items below:
Website Audit
UX/UI Consultation
Information Architecture + Wireframes
Starter (starting at $2,500)
One page landing page
Website audit
UX/UI Consultation
Information Architecture + Wireframes
Prototypes
Image Content Design
1-2 week turn around
This tier does not include website development
Established Business (starting at $10,000)
A landing page + a max of 5 unique page designs (customizable)
Options for templated pages (CMS)
Website audit
UX/UI Consultation
Information Architecture + Wireframes
Prototypes
Image Content Design
Webflow or Framer Development
Design usually takes 4-8 weeks
Development requires up to 4 weeks which includes QA and Testing
Enterprise (SaaS or E-Commerce) *Please contact for pricing
A landing page + a max of 10 unique page designs (customizable)
Options for templated pages (CMS)
Website audit
UX/UI Consultation
Information Architecture + Wireframes
Prototypes
Image Content Design
Webflow or Framer Development
Design usually takes up to 6-8 weeks
Development requires up to 4 weeks which includes QA and Testing
Please note that pricing may vary depending on the scale and scope of the project. \
🔗Live Websites I've designed, audited, or consulted on
Smartly.io (SaaS)
Design audit
Art direction
Wireframe and Design
Kinto.xyz (Web3 and Startup)
Brand and Website Design
DarrenVoros.com (Real Estate Educator Website)
Website Audit
Information Archicture
UX/UI Consultation
Wireframing
Website Design
10+ Pages
Hydroxycut.com (E-Commerce)
Website Audit
UX Consultation
Wireframing
Design Consultation
Design Audit
Digital Design Direction
Information Architecture
UX Consultation
Web Design
JAStrength (Fitness Coach)
Branding
Website Design
Webflow Development

What's included

Website Design
A landing page + a max of 5 unique pages Website Audit (Optional) User Experience Design Consultation Sitemap + Wireframes Prototype
Website Content
Images designed following your brand guidelines, ensuring the design of your website is consistent to your brand system.
Development
Website development is usually done on a no-code platform/softwares, Webflow or Framer.
Starting at$2,500
Schedule a call
Tags
Adobe Illustrator
Adobe Photoshop
Figma
Google Slides
Auditor
Graphic Designer
Web Designer
Service provided by
Hanna Tapang Toronto, Canada
5.00
Rating
Website DesignHanna Tapang
Starting at$2,500
Schedule a call
Tags
Adobe Illustrator
Adobe Photoshop
Figma
Google Slides
Auditor
Graphic Designer
Web Designer
Cover image for Website Design
Overview
I work with individuals and businesses seeking a professional and impactful online presence. It involves creating and refining the visual layout, user interface, and functionality of websites to enhance user experience and engagement. From conceptualizing the design to implementing it with user-friendly navigation, responsive layouts, and compelling visuals, the service aims to craft tailored digital platforms that effectively communicate brand identity, engage visitors, and drive desired actions or conversions.
What to expect:
Discovery Call
Goal Identification - We work with you to determine the goals of your new website, what needs you need to fulfill, and what its purpose is.
Scope Definition - Once we know the site’s goals, we can define the scope of the project, what pages and features the site requires to fulfill the goal and timeline.
Sitemap and Wireframe Creation
With the scope well-defined, we can start digging into the sitemap, defining how the content and features we defined in scope definition interrelate.
Content Creation 
We start creating image content for individual pages, always keeping search engine optimization (SEO) in mind to help keep pages focused on a single topic.
Landing Page Design (Visual Exploration) + Prototyping
With the site architecture and some content in place, we can start working on the visual brand and how it can be displayed on the landing page. Depending on the client, this may already be well-defined, but you might also be defining the visual style from the ground up. Tools like style tiles, moodboards, and element collages can help with this process.
Designing Additional Pages
Upon the successful approval and completion of the landing page design, we understand that you may have the need to expand your website to include additional pages. We will ensure a consistent and cohesive design language throughout the rest of the remaining pages whether they be unique or templated pages.
File hand off to Developer
Once all the pages have been approved and signed off, we will begin the file hand-off to the developer. We will ensure to make annotations for the developer on animation notes, interactions, and any specificities that is required for the developer to seamlessly bring your site to life. 
Pricing Tiers
Consultation ($1,500)
Consultation involves one or a combination of all the items below:
Website Audit
UX/UI Consultation
Information Architecture + Wireframes
Starter (starting at $2,500)
One page landing page
Website audit
UX/UI Consultation
Information Architecture + Wireframes
Prototypes
Image Content Design
1-2 week turn around
This tier does not include website development
Established Business (starting at $10,000)
A landing page + a max of 5 unique page designs (customizable)
Options for templated pages (CMS)
Website audit
UX/UI Consultation
Information Architecture + Wireframes
Prototypes
Image Content Design
Webflow or Framer Development
Design usually takes 4-8 weeks
Development requires up to 4 weeks which includes QA and Testing
Enterprise (SaaS or E-Commerce) *Please contact for pricing
A landing page + a max of 10 unique page designs (customizable)
Options for templated pages (CMS)
Website audit
UX/UI Consultation
Information Architecture + Wireframes
Prototypes
Image Content Design
Webflow or Framer Development
Design usually takes up to 6-8 weeks
Development requires up to 4 weeks which includes QA and Testing
Please note that pricing may vary depending on the scale and scope of the project. \
🔗Live Websites I've designed, audited, or consulted on
Smartly.io (SaaS)
Design audit
Art direction
Wireframe and Design
Kinto.xyz (Web3 and Startup)
Brand and Website Design
DarrenVoros.com (Real Estate Educator Website)
Website Audit
Information Archicture
UX/UI Consultation
Wireframing
Website Design
10+ Pages
Hydroxycut.com (E-Commerce)
Website Audit
UX Consultation
Wireframing
Design Consultation
Design Audit
Digital Design Direction
Information Architecture
UX Consultation
Web Design
JAStrength (Fitness Coach)
Branding
Website Design
Webflow Development

What's included

Website Design
A landing page + a max of 5 unique pages Website Audit (Optional) User Experience Design Consultation Sitemap + Wireframes Prototype
Website Content
Images designed following your brand guidelines, ensuring the design of your website is consistent to your brand system.
Development
Website development is usually done on a no-code platform/softwares, Webflow or Framer.
$2,500