How Design Ideas Work

Design Ideas helps you explore possible layouts, styles, and ways of presenting your content. You do not need to choose a finished layout, it is designed to give us a practical starting point for discussing what feels right for your business.

What You Need to Know

What Is a Design Idea?

A design idea is a visual reference that helps identify what you like, dislike, and want to explore. It is not a finished product or a restrictive template.

Think of it as a conversation starter — a practical example that demonstrates what a website in your industry could look like. It may show:

  • Overall visual style and tone
  • Page layout and structure
  • Navigation patterns and menus
  • Content organization and hierarchy
  • Typography and colour direction
  • Calls to action and engagement elements
  • Mobile and responsive presentation
  • Industry-specific conventions

You can identify individual elements you like without committing to the entire example. A design idea becomes input for your project, not a binding specification.

Why Start With Design Ideas?

Many clients find it easier to react to visible examples than to describe a website from a blank page. Design ideas help make conversations more specific and productive.

They help answer questions such as:

  • Do you prefer a clean or expressive presentation?
  • Do you want a traditional or modern appearance?
  • Should the homepage feel concise or content-rich?
  • Which navigation style feels easiest to use?
  • How prominently should services, resources, or contact actions appear?
  • What should the website communicate first?

Design ideas give us a shared language to discuss your goals and preferences before we begin building.

You Are Not Choosing a Template

The Design Catalog is not a store. Designs are not sold as fixed products. You are not required to select one design and accept its existing structure.

Examples in the catalog may contain placeholder businesses, content, imagery, colours, or features. The final website may combine ideas from several sources. The selected direction may change after discovery.

A design reference does not predetermine the final scope or price. We do not simply replace logos, colours, images, and text in a pre-built template. Every website is shaped around your business, brand, audience, content, goals, and requirements.

What Can Be Used From a Design Idea?

You may reference any element that resonates with your vision. These preferences become design input, not a binding specification:

  • A header or navigation style
  • A homepage structure
  • A card layout or content presentation
  • A colour approach or typography style
  • A services presentation or contact section
  • A footer arrangement or mobile layout
  • The overall tone or visual character

We evaluate these preferences against your actual project requirements during discovery and adapt them into a recommended direction.

How the Process Works

  1. Explore

    Browse our Design Ideas, Featured Projects, and relevant industry guidance. Identify examples or individual elements that stand out. You may also identify things you do not want.

  2. Discovery

    We discuss your business, audience, content, goals, functionality, brand, and technical requirements. Your preferences are evaluated against these actual needs.

  3. Define the Direction

    Suitable elements are adapted or combined into a recommended direction. Complex functionality, new content types, integrations, bilingual implementation, CMS requirements, e-commerce, booking systems, or other specialized features are scoped at this stage.

  4. Build and Refine

    The website is built around your needs and reviewed in a staging environment. Feedback and revisions are incorporated according to the agreed project scope.

  5. Test and Launch

    The completed website is tested for responsive behaviour, accessibility considerations, functionality, content accuracy, and launch readiness.

What’s Included in Your Website Build

Depending on the agreed scope, every project includes:

Responsive Design

Works on desktop, tablet, and mobile devices.

Client Branding

Your logo, colours, and fonts are applied.

Client Content

All pages are populated with your actual business content.

Accessibility-Conscious

Built with WCAG 2.1 AA guidance.

Privacy-First

No cookies, no analytics, no third-party tracking by default.

SEO Foundations

Page titles, meta descriptions, canonical tags, and structured data set up correctly.

Contact Functionality

A working contact form connected to your email address (where included in scope).

Hosting and Deployment

Managed hosting options or self-hosting delivery (where included in scope).

Planning Your Website

What Can Be Shaped Around Your Business?

The final implementation may adapt:

  • Layout and page structure
  • Content hierarchy and organization
  • Navigation and menus
  • Colours and typography
  • Imagery and photography
  • Calls to action and engagement elements
  • Forms and interactive features
  • Responsive behaviour

Complex functionality, new content types, integrations, bilingual implementation, CMS requirements, e-commerce, booking systems, or other specialized features require project-specific scoping. We’ll tell you upfront if something falls outside the standard implementation.

Hosting and Ownership

You have two hosting options:

Managed Hosting

We host and maintain your website on our infrastructure. Includes updates, backups, uptime monitoring, and support. Learn about Managed Hosting →

Self-Hosting

You own the files and host them wherever you choose — your own server, a cloud provider, or a third-party host. We deliver the complete, ready-to-deploy website.

You own everything we build. There are no lock-in contracts. You can take your website to any developer or hosting provider at any time.

Accessibility Expectations

All our websites are built with WCAG 2.1 AA guidance as the baseline. This means:

  • Skip-to-content link for keyboard users
  • Semantic HTML structure (proper headings, landmarks, lists)
  • ARIA labels on interactive elements
  • Keyboard-navigable navigation and dropdowns
  • Visible focus indicators
  • Sufficient colour contrast on default palette
  • Alt text on all meaningful images

If you choose custom colours, we’ll check contrast ratios before launch. You can also use our Accessibility Auditor™ to evaluate your palette before we begin.

We do not guarantee AODA or WCAG 2.1 AA compliance — that depends on your content choices after launch. We build the foundation; you maintain it.

Bilingual Website Services

We offer full English/French bilingual support for any project. This includes:

  • In-page language toggle (no page reload required)
  • All content translated and adapted for both languages
  • Proper hreflang tags for search engines
  • Bilingual contact forms and navigation

Bilingual support is available as an add-on to any project. Ask us about bilingual requirements and scoping.

Pricing and Planning

Design references do not establish the final project price. Pricing depends on factors such as:

  • Number and type of pages
  • Content readiness
  • Required functionality
  • Custom design work
  • CMS requirements
  • Bilingual content
  • Integrations
  • Accessibility requirements
  • Hosting and maintenance
  • Project complexity

We provide a clear quote after a brief discovery conversation. View full website pricing →

Ready to Get Started?

Explore the Design Ideas or book a free Discovery Call to discuss which design direction fits your business.

Free 20–30 minute conversation. No obligation. No preparation required.