pricing
Our investment structure.
Choose your service scope.
Explore our two service scopes below to find the best fit for your project.
Full-scope Partnership
Core Design & Development
Experience minimal burden and use our full expertise.
Bringing your prepared wireframe and content to life.
Best for
Businesses who need fully managed execution, while minimizing internal project management time.
Best for
Businesses who prefer to manage foundational aspects internally, or those seeking a site redesign and platform migration.
Select a starting point to begin our discussion.
Learn about the differences.
Business Site
Built with Webflow for its exceptional design freedom and powerful CMS capabilities.
Your primary online marketing tool, designed to attract new clients and clearly communicate your value. Its main job is to convert interested visitors into qualified leads through clear calls to action.
Establish an online presence: be discoverable by potential customers.
Build brand awareness and credibility: showcase the company's identity, values, and expertise.
Provide information: detail services offered, company history, contact information, location, and news.
Generate leads: encourage visitors to contact the business, request a quote, or subscribe to a newsletter through forms, calls-to-action, and contact details.
Homepage with a clear value proposition.
"About Us" page detailing the company's story and team.
"Services" or "Products" pages describing offerings (without direct online sales).
Contact page with a form, map, and phone number.
Blog or news section.
Testimonials or portfolio.
Calls-to-action (e.g., "Request a Quote," "Learn More," "Contact Us").
E-commerce Store
Built on Shopify for its robust e-commerce engine and scalable sales features.
Your online shop, built for direct and secure sales. We design an intuitive and seamless shopping experience that guides customers from browse to checkout, helping to maximize your revenue.
Enable online sales: allow customers to browse products, add them to a cart, and complete a purchase.
Manage inventory: track product stock levels.
Process payments: securely handle online financial transactions.
Manage customer orders: track orders, shipping, and customer data.
Product catalog with detailed descriptions, images, and pricing.
Shopping cart functionality.
User account creation and management.
Secure checkout process.
Payment gateway integration (e.g., Stripe, PayPal).
Inventory management tools.
Order management system.
Shipping options and calculation.
16 Sections or more
Understanding our section-based sizing.
Your project investment is calculated based on the total number of content sections required. For example, a typical hero section — comprising an image, tagline, description, and CTAs — counts as one section. Think of your total purchased sections (e.g., 23 for a project) as 'tokens' that are allocated during sitemap construction to define the scope and act as a clear limit.
Counting only unique sections.
Our project scope counts unique section designs. If a specific layout, like a contact form section, is used on multiple pages, it's counted only once towards your total. This means a 16-section project might translate to more actual sections on your live site, offering you greater value.
Notes on fairness and flexibility.
All essential site-wide elements—such as the navigation bar, footer, and standard legal pages—are included by default in every project. They do not count towards your total section count, meaning a 23-section project gets 23 full sections of content.
This approach provides flexibility in how you structure content: for instance, 20 sections could form 3 in-depth pages or 10 concise ones, yet your investment level stays the same, so you're not penalized simply for preferring a multi-page layout. This makes using sections a more transparent and sensible way to define true project size.
We recognize that sections can vary in complexity. Our pricing model already accounts for this by using an average complexity across a typical range of website sections, ensuring a fair and predictable investment for the agreed number of sections.
In-depth sections dedicated to your main offering, allowing you to articulate its value from multiple angles and strong selling points.
CMS-managed portfolio pages to highlight your best work.
Essential lead-generation tools like contact forms, Calendly/booking integration, and direct message buttons.
Key decision-making content such as detailed pricing, FAQs, and team introductions.
Small to medium-sized businesses with a focused service structure who need a lean, yet fully-featured, professional website.
32 Sections or more
Understanding our section-based sizing.
Your project investment is calculated based on the total number of content sections required. For example, a typical hero section — comprising an image, tagline, description, and CTAs — counts as one section. Think of your total purchased sections (e.g., 23 for a project) as 'tokens' that are allocated during sitemap construction to define the scope and act as a clear limit.
Counting only unique sections.
Our project scope counts unique section designs. If a specific layout, like a contact form section, is used on multiple pages, it's counted only once towards your total. This means a 16-section project might translate to more actual sections on your live site, offering you greater value.
Notes on fairness and flexibility.
All essential site-wide elements—such as the navigation bar, footer, and standard legal pages—are included by default in every project. They do not count towards your total section count, meaning a 23-section project gets 23 full sections of content.
This approach provides flexibility in how you structure content: for instance, 20 sections could form 3 in-depth pages or 10 concise ones, yet your investment level stays the same, so you're not penalized simply for preferring a multi-page layout. This makes using sections a more transparent and sensible way to define true project size.
We recognize that sections can vary in complexity. Our pricing model already accounts for this by using an average complexity across a typical range of website sections, ensuring a fair and predictable investment for the agreed number of sections.
Everything in the 16+ Sections tier, plus:
Expanded service sections to showcase multiple or more complex offerings in detail.
Dedicated pages for additional functions like careers, news, or investor relations.
Additional CMS collections to manage content like job postings, articles, or services.
Established and growing businesses that need a multi-functional website to serve diverse audiences (clients, new hires, etc.) and solidify their market presence.
48 Sections or more
Understanding our section-based sizing.
Your project investment is calculated based on the total number of content sections required. For example, a typical hero section — comprising an image, tagline, description, and CTAs — counts as one section. Think of your total purchased sections (e.g., 23 for a project) as 'tokens' that are allocated during sitemap construction to define the scope and act as a clear limit.
Counting only unique sections.
Our project scope counts unique section designs. If a specific layout, like a contact form section, is used on multiple pages, it's counted only once towards your total. This means a 16-section project might translate to more actual sections on your live site, offering you greater value.
Notes on fairness and flexibility.
All essential site-wide elements—such as the navigation bar, footer, and standard legal pages—are included by default in every project. They do not count towards your total section count, meaning a 23-section project gets 23 full sections of content.
This approach provides flexibility in how you structure content: for instance, 20 sections could form 3 in-depth pages or 10 concise ones, yet your investment level stays the same, so you're not penalized simply for preferring a multi-page layout. This makes using sections a more transparent and sensible way to define true project size.
We recognize that sections can vary in complexity. Our pricing model already accounts for this by using an average complexity across a typical range of website sections, ensuring a fair and predictable investment for the agreed number of sections.
Everything in the 32+ Sections tier, plus:
A comprehensive content structure with an extensive blog, resource library, or detailed case studies.
Even more depth & detail across every page to comprehensively showcase your brand and expertise.
Established enterprises and market leaders seeking to build the definitive, authority website in their industry.
Learn about the differences.
Business Site
Built with Webflow for its exceptional design freedom and powerful CMS capabilities.
Your primary online marketing tool, designed to attract new clients and clearly communicate your value. Its main job is to convert interested visitors into qualified leads through clear calls to action.
Establish an online presence: be discoverable by potential customers.
Build brand awareness and credibility: showcase the company's identity, values, and expertise.
Provide information: detail services offered, company history, contact information, location, and news.
Generate leads: encourage visitors to contact the business, request a quote, or subscribe to a newsletter through forms, calls-to-action, and contact details.
Homepage with a clear value proposition.
"About Us" page detailing the company's story and team.
"Services" or "Products" pages describing offerings (without direct online sales).
Contact page with a form, map, and phone number.
Blog or news section.
Testimonials or portfolio.
Calls-to-action (e.g., "Request a Quote," "Learn More," "Contact Us").
E-commerce Store
Built on Shopify for its robust e-commerce engine and scalable sales features.
Your online shop, built for direct and secure sales. We design an intuitive and seamless shopping experience that guides customers from browse to checkout, helping to maximize your revenue.
Enable online sales: allow customers to browse products, add them to a cart, and complete a purchase.
Manage inventory: track product stock levels.
Process payments: securely handle online financial transactions.
Manage customer orders: track orders, shipping, and customer data.
Product catalog with detailed descriptions, images, and pricing.
Shopping cart functionality.
User account creation and management.
Secure checkout process.
Payment gateway integration (e.g., Stripe, PayPal).
Inventory management tools.
Order management system.
Shipping options and calculation.
16 Sections or more
Understanding our section-based sizing.
Your project investment is calculated based on the total number of content sections required. For example, a typical hero section — comprising an image, tagline, description, and CTAs — counts as one section. Think of your total purchased sections (e.g., 23 for a project) as 'tokens' that are allocated during sitemap construction to define the scope and act as a clear limit.
Counting only unique sections.
Our project scope counts unique section designs. If a specific layout, like a contact form section, is used on multiple pages, it's counted only once towards your total. This means a 16-section project might translate to more actual sections on your live site, offering you greater value.
Notes on fairness and flexibility.
All essential site-wide elements—such as the navigation bar, footer, and standard legal pages—are included by default in every project. They do not count towards your total section count, meaning a 23-section project gets 23 full sections of content.
This approach provides flexibility in how you structure content: for instance, 20 sections could form 3 in-depth pages or 10 concise ones, yet your investment level stays the same, so you're not penalized simply for preferring a multi-page layout. This makes using sections a more transparent and sensible way to define true project size.
We recognize that sections can vary in complexity. Our pricing model already accounts for this by using an average complexity across a typical range of website sections, ensuring a fair and predictable investment for the agreed number of sections.
A full-featured storefront with well-organized product and collection pages.
Complete product pages with essential features like customer reviews, related product up-sells, and detailed specifications.
Core e-commerce functionality with a seamless cart and checkout experience.
Essential trust-building content like an 'About Us' page, shipping policies, and FAQs.
New and emerging DTC brands looking to launch their first professional online store with a focused product catalog.
32 Sections or more
Understanding our section-based sizing.
Your project investment is calculated based on the total number of content sections required. For example, a typical hero section — comprising an image, tagline, description, and CTAs — counts as one section. Think of your total purchased sections (e.g., 23 for a project) as 'tokens' that are allocated during sitemap construction to define the scope and act as a clear limit.
Counting only unique sections.
Our project scope counts unique section designs. If a specific layout, like a contact form section, is used on multiple pages, it's counted only once towards your total. This means a 16-section project might translate to more actual sections on your live site, offering you greater value.
Notes on fairness and flexibility.
All essential site-wide elements—such as the navigation bar, footer, and standard legal pages—are included by default in every project. They do not count towards your total section count, meaning a 23-section project gets 23 full sections of content.
This approach provides flexibility in how you structure content: for instance, 20 sections could form 3 in-depth pages or 10 concise ones, yet your investment level stays the same, so you're not penalized simply for preferring a multi-page layout. This makes using sections a more transparent and sensible way to define true project size.
We recognize that sections can vary in complexity. Our pricing model already accounts for this by using an average complexity across a typical range of website sections, ensuring a fair and predictable investment for the agreed number of sections.
Everything in the 16+ Sections tier, plus:
Support for multiple product lines, allowing you to build out distinct categories for a diverse catalog
Dedicated persuasive content like a "Why Buy From Us?" page to build deeper trust and set you apart from the competition.
Deeper brand storytelling to showcase what makes your business different, such as your unique manufacturing process, materials, or brand history.
Growing brands with an expanding product line, needing to build a stronger brand story and a more sophisticated shopping experience.
48 Sections or more
Understanding our section-based sizing.
Your project investment is calculated based on the total number of content sections required. For example, a typical hero section — comprising an image, tagline, description, and CTAs — counts as one section. Think of your total purchased sections (e.g., 23 for a project) as 'tokens' that are allocated during sitemap construction to define the scope and act as a clear limit.
Counting only unique sections.
Our project scope counts unique section designs. If a specific layout, like a contact form section, is used on multiple pages, it's counted only once towards your total. This means a 16-section project might translate to more actual sections on your live site, offering you greater value.
Notes on fairness and flexibility.
All essential site-wide elements—such as the navigation bar, footer, and standard legal pages—are included by default in every project. They do not count towards your total section count, meaning a 23-section project gets 23 full sections of content.
This approach provides flexibility in how you structure content: for instance, 20 sections could form 3 in-depth pages or 10 concise ones, yet your investment level stays the same, so you're not penalized simply for preferring a multi-page layout. This makes using sections a more transparent and sensible way to define true project size.
We recognize that sections can vary in complexity. Our pricing model already accounts for this by using an average complexity across a typical range of website sections, ensuring a fair and predictable investment for the agreed number of sections.
Everything in the 32+ Sections tier, plus:
A "Content & Commerce" Hub that seamlessly blends rich editorial content (like style guides or articles) with shoppable products.
Dedicated pages for key product launches or campaigns.
Established brands seeking to become a market leader by providing an immersive, content-rich, and high-end online shopping experience.
Unsure which one to choose? Or have a custom project in mind?
If you're unsure which starting configuration to choose, or you'd prefer to build your project plan from scratch, we're here to help. Let's talk about your specific goals and define the right scope for your project.
The essentials are included in every project.
Please note: All ongoing third-party subscription fees (e.g., domain registration, hosting, paid analytics tools) are the client's responsibility and are separate from our project investment.
Frequently asked questions.
The requirements depend on the service scope you choose. Here’s a brief guide:
For Full-scope Partnership project:
We only need you to share your core business goals, complete our project questionnaire, and provide any existing brand assets you have, such as logos or key visual assets. Once we have these initial items, we handle the rest.
For Core Design & Development project:
For this service, you provide the project's foundation, typically as a Figma file. This includes your finalized wireframes, content layout, and written copy, in addition to everything required for Full-scope Partnership projects. We will guide you and your team through the requirements for the wireframe and copy files you submit to us to ensure a smooth execution of the subsequent steps in bringing your website to life.
We structure payments based on project milestones. Our standard schedule is a 30-30-40 split:
- 30% initial deposit to schedule and begin the project.
- 30% mid-project payment after the design phase is approved.
- 40% final payment upon completion, before we transfer website ownership.
We accept bank transfers and Faster Payment System (FPS) for Hong Kong clients, and credit card payments via Airwallex for both international and Hong Kong clients.
Our process is collaborative. At every major project milestone — such as wireframing, UI/UX design, and development completion — we provide two full cycles of revision. This ensures you have ample opportunity to provide feedback and that we can refine the work to your preference before moving to the next stage.
You will work directly with me, Samuel, the Head of Studio, as your sole point of contact. I personally lead every project, from the initial strategy phase to the final launch.
Our process is designed to be 100% remote, allowing us to collaborate efficiently with clients anywhere in the world. All communication is typically handled through video calls and online tools. However, for our clients based here in Hong Kong, we are always happy to arrange physical meetings throughout the project if you prefer it.
Your main point of contact will be our Head of Studio, Samuel, who is happy to collaborate and communicate with you in either English or Cantonese.
You have complete ownership. At the end of the project, we ensure the finished website is on an account that you own and control, whether on Webflow or Shopify. All design files and assets created for the project are yours entirely.
Not at all. We build your website on world-class, industry-standard platforms (Webflow and Shopify). You have 100% ownership of your site and can grant access to any developer you choose. While we hope to be your long-term partner, you will never be locked into working only with us.
Yes, we offer ongoing support after your website launch. To ensure fair and transparent pricing, we don't use a mandatory monthly retainer model. Instead, we provide a flexible "pay-as-you-go" service for any future work you may need.
If you require new sections, custom functionality, or any update that needs our design or development expertise, simply reach out to request a quote. Each quote is estimated based on the specific resources required for the task, using the project pricing publicly listed on our site at that time as a clear and consistent benchmark. This means you only ever pay for the work you need.
Tell us about your project.
After you fill out the form, you can expect a reply from Samuel on your preferred platform (email or WhatsApp) within one business day.
If you'd rather send a quick message than fill out the form, you can reach us directly on WhatsApp for any questions you may have.