Request a discovery call
  1. Home
  2. What we build
  3. Digital Experience
  4. Websites and Platforms

Websites and platforms

Websites that behavelike business systems.

Website design and web development for businesses in Canada and the United States. HUREAL builds websites and digital platforms where customers act: inquire, buy, apply, book, register, manage an account, and find what they need.

A brochure describes the company. A platform does a job, and tells you whether it did it.

yourcompany.ca/contact

Request a quote

Your website
Company
Distributor, Ontario
Need
Spring restock, 14 items
Reply by
Email

Send inquiry

CRM/New inquiry
  1. Recorded as a new inquirySource: search, page: Contact

  2. Owner assignedSales lead

  3. Acknowledgement sentRefers to what they asked

Illustration, sample data

Illustration with sample data: a quote request sent from a company website, and the same inquiry arriving in the CRM as a record with its source and page, assigned to the sales lead, with an acknowledgement sent to the customer.

What changesafter launch.

Today

A buyer reads four pages on a phone at nine at night, then sends a message or leaves. You never learn which.

  1. Four pages read on a phone.no trace
  2. A message lands in an inbox.shared inbox
  3. Someone copies it into the CRM.by hand
  4. The report counts visits.not revenue
After

Each page has one job, and the next step is one step.

  1. The page answers, then asks for one step.Page
  2. The message becomes a record.CRM
  3. An owner has it from the first minute.Sales lead
  4. You see which pages produce revenue.Report
Illustration: before, a buyer reads the site, a message lands in a shared inbox, is copied by hand, and the report counts visits. After, the message becomes a CRM record with its source and an owner, and the report shows which pages produce revenue.

What it looks like.

yourcompany.ca/commercial-service
CommercialResidentialGuidesAboutRequest a quote

Commercial heating and cooling

Systems that stay running.Service you can plan around.

Installation, maintenance, and repair for offices, clinics, and warehouses. A written quote after one site visit.

Request a site visitSee what is included

Request a site visitThree fields. A person replies.

Building
Office, two floors
Need
Replace rooftop unit
Reply by
Phone

Send request

Licensed and insuredCertificates on the About page
Written quotesScope and exclusions, side by side
Planned maintenanceVisits booked into your calendar

InstallationSized to the building, not the catalogue.

What is included

Maintenance plansVisits scheduled and confirmed by email.

How visits work

RepairsTell us the symptom, get a time window.

Report a fault

Planning a replacement?One site visit, then a written quote.

Request a quote

Illustration, sample data

A service page built around one decision, with one next step.
Menu

Commercial service

Systems that stay running.

A written quote after one site visit.

Written quotesScope and exclusions
Planned maintenanceBooked into your calendar

InstallationSized to the building.

Maintenance plansVisits confirmed by email.

RepairsTell us the symptom, get a time window.

Request a site visit
The same page on a phone, with the next step always in reach.
your-company/crm/inquiry

New inquiry, Distributor, Ontario

Tuesday, 14:06. One record, six facts, none typed by a person.

NewWebsite
Source
Organic search, the phrase they searched
Page
The page they were reading when they wrote
Owner
Sales lead, by your routing rule
Arrived
14:06
Activity
  1. Reply dueThe clock starts at arrival, and it is visible

  2. Acknowledgement sentThe only message the site sends on its own

  3. Record created from the website formSystem, 14:06

Asked

What they typed, unedited, in the language they typed it in.

Illustration, sample data

The inquiry, as a record. Source, owner, page, and time, typed by nobody.
Analytics/Pages

Inquiries by page

This quarter
PageVisitsInquiries
Commercial service2,14038
Pricing guide1,61024
Home6,9209
About8802

Illustration, sample data

Which pages produce inquiries, not just visits.
Content/Review
Waiting3Published18
  • GuideEditor

    Choosing a valve for outdoor lines

    Written by Marketing, awaiting approval

  • PageDraft

    Service area, updated

    Written by Sales, roles: author

  • CatalogueDraft

    Three new product pages

    Written by Operations

Illustration, sample data

The editor your team publishes in, with approvals and roles.

What web design and development covers.

In a website and platform build

  1. Strategy and structure, from the decision your customer is making
  2. Design system and page templates
  3. Writing, from your material, reviewed by you
  4. A content management system your team runs
  5. Search and AI visibility foundations
  6. Accessibility to WCAG 2.2 AA, tested with a keyboard and a screen reader
  7. Speed, measured on a mid-range phone on a cellular connection
  8. Measurement and conversion tracking
  9. Migration and redirects
  10. Training and documentation
The full capability list
Websites and platforms, the capability table
Capability What it does What it changes
Before anything is designedStrategy and architecture
The job of the site The decision your customer is making, the audiences, the conversion goals, and how the business will know it worked, agreed on the discovery call and written into the proposal. You find out what the site is for before you pay to design it.
Architecture and wireframes Sitemap, page-by-page purpose, and content-first wireframes, approved before anyone chooses a colour. The structure is argued once, while changing it is still free.
The measurement plan Which pages are supposed to produce what, agreed in advance and wired before launch rather than after somebody asks. "Did it work" has an answer instead of an opinion.
Corporate and marketing websites Sub-service
The design system Type, colour, spacing, components and their states, built as a system rather than as a set of pages. The second page costs a fraction of the first, and the fortieth still matches.
Page templates Services, locations, people, projects, careers, legal, and the templates your team will need next year. New pages get published, not commissioned.
The words Written from your material, your people, and the questions your sales team already answers. You review every one. The page says what a good first call says.
The content management system Your content types, your approval flow, previews, scheduling and roles, with your team trained before launch day. A change takes an afternoon and no developer.
Multilingual websites Sub-service
Native authoring per language Each language written by a person who writes it, from one brief, with its own question research rather than a translated keyword list. Customers read something a person would have written.
Per-language structure A content model where each language is a version rather than a field, with its own URLs, sitemaps, hreflang and structured data, and switching that keeps the reader on the page they were on. Each market can rank on its own terms instead of competing with itself.
Content platforms and publishing systems Sub-service
The content model and the workflow Guides, articles, specifications, cases, questions, glossary and documents, with draft, review, approve, schedule, publish and expire. Publishing stops depending on whoever is least busy that week.
Topic architecture Pillar pages, clusters, and the internal linking between them, marked up so an answer can be lifted cleanly by a search engine or an assistant. Each new piece makes the last one stronger instead of competing with it.
What every build carriesWhatever else is in the scope
Forms, routing and the CRM Every form, chat and booking becomes a record with a source, an owner and the time it arrived, with an acknowledgement the customer actually receives. The inquiry has an owner within a minute, not within a morning.
Accessibility and performance Designed to the WCAG 2.2 AA standard, tested with a keyboard and a screen reader, and measured on a mid-range phone on a cellular connection. The site works for the customer who is not on office wifi.
Migration and redirects Every old URL mapped to a new one before launch day, with the internal links updated to match. A new site does not cost you the traffic the old one earned.
Search foundations Structure, internal linking, structured data, sitemaps, and crawler access for search engines and for AI crawlers. The site can be found, and it can be quoted.

Scroll the table sideways to read it.

What comes with every build of this kind

Site Answer, included in the scope of every build.

Your site answering a real question from your own documents, with the source shown, so a visitor who would have sent a message gets the answer instead. It is one of the three fixed-scope modules, and it is part of every Websites and Platforms build rather than an extra beside it. The signed scope says so in writing.

  • Site Answer Included with every build of this kind

    Your site answers a real question from your own documents, with the source shown, and hands over anything it cannot ground.

Connected to what happens next.

  • CRM

    Where the inquiry becomes a record, with its source, its owner and its arrival time.

    Salesforce, HubSpot, Zoho, Dynamics
  • Marketing and email

    Where a subscriber, a nurture sequence and a consent record live.

    Mailchimp, Klaviyo, HubSpot, Campaign Monitor
  • Analytics and tag management

    Where the click becomes a number you can act on.

    GA4, Google Tag Manager, server-side tagging
  • Booking and scheduling

    Where a slot is held, moved or released by somebody who did not phone.

    Calendly, Acuity, an in-house dispatch board
  • Hiring and careers

    Where an application goes when the site is also a recruiting surface.

    Workable, Greenhouse, BambooHR
  • ERP and product data

    Where price, stock and specification are actually true.

    NetSuite, SAP, Sage, a product information system
  • Payments

    Where a deposit, a fee or a registration is taken on the site itself.

    Moneris, Stripe, Square, Interac e-Transfer
  • Search and crawler tools

    Where you verify that a search engine and an AI crawler can reach and read the site.

    Google Search Console, Bing Webmaster Tools
  • Your industry system

    The one system that runs your trade, usually the one that matters most.

    estimating, practice management, property management, dealer systems

How connections are scoped

In your name, not ours.

Hosting, domain, repository, and analytics are in your name from day one. How ownership works

Discover, design, build, launch, improve.

Scope, price, and timing are agreed in a written proposal before implementation. See the full process

Before you decide.

The comparison, the requirements, and the questions buyers ask. Open what you need.

A template, a configured platform, or a built one

Three ways to have a website, and they are not three tiers of the same product. They cost different amounts, they fail differently, and the cheapest one is the right answer for a lot of companies.

The three approaches, on nine deciding factors
Deciding factor A template on a page builderSubscribed A configured platformConfigured A platform built to the jobBuilt
What you are buying A theme, and a subscription to the tool that runs it. A mainstream content system, set up and themed by a developer. A structure, a design system and a build shaped to one company's job.
Cost to start Lowest, by a wide margin. Middle. Most of it is configuration and content. Highest. It is a build.
Cost to keep A subscription, and it rises when you add features. Hosting, plus a developer for the parts the theme did not plan for. Hosting, plus ongoing support if you want it. Both declinable.
Where the structure comes from The theme decided it before you arrived. The theme, adjusted where it can be. The decision your customer is making.
A page type nobody planned for Fit it to an existing block, or do without. A developer, and sometimes a plugin. It is a template, and the next one like it is cheaper.
Speed on a mid-range phone Whatever the theme ships with. Often heavy, and not yours to fix. Improvable, within the limits of the theme. A budget agreed in the scope and measured before launch.
Accessibility Whatever the theme ships with, and it is rarely tested. Improvable, and often improved after somebody reports a barrier. Designed to WCAG 2.2 AA, tested with a keyboard and a screen reader, recorded in the launch checklist.
Connecting to your CRM, ERP or booking system A built-in connector if one exists, and a workaround if not. A plugin, which somebody has to keep current. Built, validated during scoping, confirmed in writing before signature.
A second language, authored rather than translated A translation layer bolted on the side. Possible, and usually a field on the English page. Each language a first-class version, with its own URLs, research and structured data.
When it is the right answer Five pages, no logins, no connections, nobody publishing on a schedule, and a date that cannot move. A content site with a familiar shape, a competent developer to hand, and no unusual requirements. The site has a job, it has to connect to something, and somebody will own it after launch.

Which one to choose

If the site is five pages, nothing logs in, nothing connects and nobody is going to publish on a schedule, buy the template. It is quick to launch, it costs a fraction of anything we would build, and we will tell you that on the discovery call.

If nobody on your side will own the site after launch, the subscription is the better buy. A subscription product keeps working without an owner. A platform built for one company needs a person whose job includes it.

A built platform earns its cost in a narrow place: the site has a job somebody can state in a sentence, it connects to at least one system you already run, there is publishing ahead, and somebody owns it on Monday. The discovery call is where we find out whether your project is in it.

What a build has to be designed around

A public website is the surface a regulator, a customer, and a procurement officer can all reach without asking anyone's permission. These are the requirements this service is designed around.

  • AccessibilityWCAG 2.2 AA, plus AODA and the provincial equivalents, and the Accessible Canada Act where it applies

    What we design forEvery path completed with a keyboard and no mouse, every page read end to end by a screen reader, contrast and text sizing checked on the surface we shipped rather than in the design file, reduced motion honoured with a still version that still communicates, and forms whose errors are readable and recoverable.

    What we document for your counselThe test results per template, the standard tested against, and the date. So a barrier report can be answered with a measurement, and so a procurement questionnaire can be answered from a document instead of from memory.

  • PrivacyPIPEDA, Quebec's Law 25, and the provincial private-sector statutes where they apply

    What we design forA stated purpose for every piece of data the site collects, the smallest set of fields that does the job, consent captured before analytics and marketing scripts run rather than after, retention set per record type rather than left at a default, and a cookie preference surface that actually changes what loads.

    What we document for your counselWhat the site collects, where it is stored, which processors see it, who internally can reach it, and how long it is kept.

  • LanguageQuebec's Charter of the French Language, where the business operates there

    What we design forPer-language authoring as a first design decision rather than a translation pass at the end, which means the content model, the layout, the URLs and the search research are built for it from the start. Customer-facing text is authored per language, including the forms, the error messages and the automated acknowledgement.

    What we document for your counselWhich surfaces are authored per language and which are not yet, so the gap is a list somebody owns rather than a surprise.

  • Electronic messagesCASL, for anything the site sends or subscribes somebody to

    What we design forConsent and its basis recorded against the record at the moment it is given, no pre-ticked boxes, an unsubscribe that works in one action, and the identification and contact information the legislation asks to be present in a commercial message.

    What we document for your counselThe consent basis per subscriber and the send log, which is the evidence the legislation asks you to be able to produce.

  • Where the data livesAnd which processor sees it

    What we design forThe hosting region, the form processor, the analytics processor and the email processor named in the scope before the build, chosen rather than inherited from a default.

    What we document for your counselEach processor, what it sees, the region it sees it in, and what changes if you move region later.

Where the business also operates in the United States, the equivalent requirements are named in the scope.

HUREAL designs to a standard, tests against it, and documents what was built. The determination belongs to your counsel or your privacy officer. Our own accessibility target and how to report a barrier are on the accessibility page.

Questions people ask
  • Who writes the content?

    We do, from your material, your people, and the questions your sales team already answers. You review every word before it ships. If you have a writer you like, we work with them and supply the structure, the brief, and the search research.

  • Can our marketing team change it afterwards without a developer?

    Yes, and that is a design requirement rather than a feature. The content model is built around your actual content types and your approval flow, and your team is trained on it before launch day.

  • What moves the price of a build?

    How many systems it connects to, how many languages are authored natively, whether customers log in, and whether anything has to be migrated. Not how many pages you want. The full list of what moves a price is published in Insights.

  • Will we lose our rankings when we move?

    Not if the redirect map is done properly, and it is a named step before launch rather than a task somebody remembers. Every old URL points at its new home, internal links are updated to match, and the map is a deliverable you can check.

  • Do we have to move off our current content system?

    Often not. The system holds the content and the templates decide what a visitor experiences, so in a lot of projects the sensible scope is new structure, design, and templates on what you already run. If a move really is warranted, you get the reasoning in writing before you decide.

  • Can we launch in English and add French later?

    Yes, and it costs less that way than retrofitting a translated layer, because the structure is built for a second language from the start. Adding it becomes authoring and review rather than a rebuild.

Two ways to start from here.

I know what I need to build.

Discovery call

A free conversation, then a written proposal with scope, price, and timing.

Request a discovery call

My website is underperforming.

Website Performance Audit

A written report and a prioritized plan of what to fix first.

Explore the audit
A material study photographed in bright daylight. A tall fan of clear turquoise glass fins rises on the right of the frame with a polished pearl silver ribbon curving through it, standing in a shallow film of still water. The left of the frame is empty pale mint.

A site with a job, and a way to tell whether it did it.