--- title: "Web Design & Development · Sites, Portals & Custom Apps | Noordev" description: "Web design and development for B2B and SMB: marketing sites from CAD $3k in 3–4 weeks, customer portals and custom web apps. Odoo-native or standalone, bilingual EN/FR-CA, WCAG 2.2 AA included." url: "https://www.noordev.com/web-and-apps/" lang: "en-CA" --- [Home](https://www.noordev.com/)/ [Services](https://www.noordev.com/services/)/ **Web & apps** **●** Marketing sites · portals · custom applications # Web design and development for teams who inherit the result We design and build marketing sites, customer portals and custom web applications — Odoo-native or standalone. **Fixed-fee per phase, your repository from day one, accessible and bilingual by default**, and documented well enough that your next developer doesn't need us. [Scope a build →](https://www.noordev.com/web-and-apps/#cta) [See what we build](https://www.noordev.com/web-and-apps/#builds) Fixed-fee · CAD $3k–$400k ![Product designer and developer side by side at a walnut table reviewing printed website wireframes, one holding a crimson pencil, navy wall behind](https://www.noordev.com/assets/web-and-apps/web-hero-wireframe-review.webp) Launch gates · every project non-negotiable Largest Contentful PaintMobile · p75 field data < 2.0s gate Interaction to Next PaintMobile · p75 < 200ms gate AccessibilityAudited before launch WCAG 2.2 AA gate JS shipped to browserMarketing pages · gzipped < 120kb budget Locales at parityNo English-only pages at launch EN · FR-CA gate Miss a gate · **we don't launch** Verified in CI **84 builds** shipped · 2012–2026 Next.js Astro Postgres Odoo Sanity AWS EN · FR · AR What we build ## Three kinds of build. We say no to the rest. We're a small team, so we stay inside the work we're demonstrably good at: sites that generate pipeline, portals that remove manual work, and applications that replace a spreadsheet nobody wants to own. B.01 · Marketing ### Marketing websites Sites whose job is qualified pipeline. Built on a headless CMS your marketing team can actually publish from, with the SEO and analytics layer wired in before launch rather than after. - Headless CMS · Sanity / Payload - Astro or Next.js - Technical SEO baked in - Editor training included Typical **3–4 weeks**From **$3k** B.02 · Portal ### Customer & partner portals Self-serve access to the data your team currently emails as PDFs — orders, invoices, documents, tickets, claims. Usually the fastest operational payback we can point at. - SSO · role-based access - Odoo or ERP-backed data - Document & billing views - Audit trail & logging Typical **4–6 months**From **$95k** B.03 · Application ### Custom web applications The internal tool no vendor sells — quoting engines, scheduling, inspection workflows, compliance tracking. Built when configuration genuinely can't get you there. - Next.js · Postgres - Or native Odoo modules - Offline & mobile paths - Migration from spreadsheets Typical **5–7 months**From **$150k** How we build ## Six standards we don't negotiate away under deadline. These are the things that get cut first when a project runs late — and the things that determine whether the build is still maintainable in three years. They're in the fixed fee, so there's nothing to trade. ![Navy paper cards laid out as a responsive layout grid on a slate desk, one card crimson, brass ruler and mechanical pencil beside](https://www.noordev.com/assets/web-and-apps/web-responsive-grid-cards.webp) Six standards · in the fixed fee STD.01 ### Your repository, day one Code is pushed to your GitHub organization from the first commit, not delivered as a zip at the end. You watch the build happen and can hire anyone to continue it. Licence transfer**On final payment** STD.02 ### Performance budgets in CI Core Web Vitals and JS payload limits run as automated checks on every pull request. A regression fails the build rather than being discovered by your users. Enforced**Per pull request** STD.03 ### WCAG 2.2 AA, audited Contrast, keyboard paths, focus order, semantics and screen-reader labelling — with a manual audit before launch, not just an automated scan that misses most of it. Included**Never an upsell** STD.04 ### Bilingual as a first locale French is modelled as its own locale with its own content, not a translation layer bolted on. Components are sized for copy roughly 20% longer than English. Parity gate**No EN-only launches** STD.05 ### Boring, hireable stack We choose technology you can staff in Montréal or Toronto next year. No in-house framework, no exotic dependency that makes us the only possible maintainer. Dependency policy**Reviewed quarterly** STD.06 ### Documented for handover Architecture notes, runbooks, environment setup and a recorded walkthrough. Written for the developer who joins after we're gone, because that person always exists. Handover**Docs + training** How a project runs ## Five phases. You see working software from week six. Each phase is fixed-fee with a named deliverable and an exit criterion. Nothing is built behind a curtain — staging is live and open to your team from the first sprint. 01 Week 1–2 ### Discovery Requirements, user journeys, data model, integration audit, and a fixed quote with the assumptions written down. - Journey map - Data model - Fixed quote 02 Week 3–5 ### Design Wireframes, then hi-fi screens in your design system. Prototyped and tested with real users before a line of production code. - Wireframes - Hi-fi screens - Clickable prototype 03 Week 6–14 ### Build Two-week sprints shipping to staging continuously. You review working software, not status decks. - Staging from sprint 1 - CI gates enforced - Fortnightly demo 04 Week 15–16 ### Launch Content load, redirect map, accessibility and performance audit, load test, then a rehearsed cut-over. - Redirect map - A11y + perf audit - Rehearsed cut-over 05 Month 5–∞ ### Care Thirty days hypercare included, then handover with training — or a monthly care plan if you'd rather we kept it. - 30-day hypercare - Docs + training - Optional care plan Engagement models ## Fixed-fee per phase. Quoted after discovery, never before. We won't give a number before we understand the data model and the integrations — a quote produced from a sales call is a guess you end up paying for in change orders. Marketing site ### Website build $3k–$5kCAD · fixed · 3–4 weeks A marketing site on a headless CMS, built to publish from and to rank. Range depends on page count, content production and integrations. - Up to 25 unique templates - Headless CMS + editor training - Technical SEO & analytics wired - WCAG 2.2 AA audit - EN + FR-CA at launch [Scope a site →](https://www.noordev.com/web-and-apps/#cta) Portal or app · most common ### Product build $95k–$250kCAD · fixed per phase · 4–7 months A customer portal or custom application with real integration depth. Most of our work lands here — replacing manual operations with something people actually log into. - Discovery, design and build phases - SSO & role-based access - ERP / Odoo integration - Automated test suite & CI gates - Runbooks & architecture docs - 30 days hypercare [Book a discovery →](https://www.noordev.com/web-and-apps/#cta) Platform ### Platform build $250k+CAD · fixed per phase · 8–14 months Multiple user types, multiple integrations, a migration to survive, and stakeholders across regions. Delivered as a sequence of independently useful releases. - Multi-role, multi-region - Phased release plan - Legacy data migration - Load & security testing - Embedded team option - 12 months advisory included [Talk platform →](https://www.noordev.com/web-and-apps/#cta) Build outcomes ## Medians across 84 builds, measured post-launch. Measured 90 days after launch against the baseline we recorded in discovery. Where a project missed its target we say so in the case study. 1.4s Median mobile LCP at launch +0% Lift in form conversion −0% Support tickets after portal 0% On-time launch rate Client · Northkey ![Developer's hands on a black mechanical keyboard at a walnut desk beside a crimson notebook and a brass desk clock](https://www.noordev.com/assets/web-and-apps/web-developer-keyboard.webp) Handover · week 3 > “The portal took four months and removed two full-time roles' worth of manual invoice emails. What I didn't expect was the handover — our own developer was shipping features to it three weeks after Noordev left.” JT **Jonathan Tran** · COO, Northkey · Toronto Web & apps FAQ ## Before you brief us. If your question isn't here, ask it on the call. We'll tell you when configuration would beat a custom build, even though that's the smaller invoice. ### What kind of web design and development work do you take on? + Three kinds: **marketing websites** where the goal is pipeline, **customer and partner portals** where the goal is deflecting manual work, and **custom web applications** that replace a spreadsheet or a tool nobody sells. We do not take on consumer social apps, marketplaces without a distribution plan, or crypto. ### How much does a website or web application cost? + Marketing sites are **CAD $3k to $5k** depending on page count, content production and integration depth. Portals and applications run **$95k to $250k**. Platform builds with multiple user types and heavy integration start at $250k. Everything is fixed-fee per phase, quoted after a paid discovery, and we publish the assumptions the number depends on. ### How long does a project take? + A marketing site takes **3 to 4 weeks** from kickoff. A portal or application takes **4 to 7 months** to first production release, with usable increments in your hands from week six onward. We ship continuously to a staging environment rather than disappearing for a quarter and returning with a reveal. ### What technology do you build on? + For marketing sites, **Astro or Next.js** with a headless CMS, or Odoo Website when the client is already on Odoo. For applications, **Next.js and Postgres**, or native [Odoo](https://www.noordev.com/odoo/) modules when the data model already lives there. We pick the boring option that your team can hire for, not the one that is interesting to us. ### Do you work with our existing brand and design system? + Yes, and we prefer it. If you have a design system we build inside it and hand back new components as tokens and documented patterns. If you don't, we can run a brand identity engagement first, or design a lightweight system as part of the build so the site is extendable after launch. ### Is accessibility and bilingual support included? + **WCAG 2.2 AA is included in every build**, not an upsell — contrast, keyboard paths, focus order, screen-reader labelling and an audit before launch. Bilingual EN/FR-CA is our default: French is treated as a first-class locale with its own content model and layouts sized for roughly 20% longer copy. ### What happens after launch? + **Thirty days of hypercare** on every project, then either a handover to your team with documentation and a training session, or a monthly [care plan](https://www.noordev.com/website-maintenance/) covering dependency updates, security patches, performance budgets and a block of change hours. We do not require the care plan to hand over the code. ### Who owns the code? + You do. Code lands in **your repository from day one** under a licence transfer on final payment, infrastructure runs in your cloud accounts, and there is no proprietary framework you have to keep paying us to maintain. If you replace us, another team can read the repository and continue. Related services & reading #### Related services - [Odoo ERP implementation](https://www.noordev.com/odoo/) - [Search engine optimization](https://www.noordev.com/search-engine-optimization-agency/) - [AI & automation](https://www.noordev.com/ai-and-automation/) - [Website maintenance](https://www.noordev.com/website-maintenance/) #### Build types - [Marketing website builds](https://www.noordev.com/web-and-apps/#builds) - [Customer portal development](https://www.noordev.com/web-and-apps/#builds) - [Custom web applications](https://www.noordev.com/web-and-apps/#builds) - [How a project runs](https://www.noordev.com/web-and-apps/#process) #### Security & compliance - [ISO 27001 implementation](https://www.noordev.com/iso-27001-implementation/) - [Cybersecurity & GRC](https://www.noordev.com/cybersecurity-grc/) - [Corporate training](https://www.noordev.com/training/) #### Company - [Case studies](https://www.noordev.com/case-studies/) - [About Noordev](https://www.noordev.com/about/) - [All services](https://www.noordev.com/services/) - [Contact](https://www.noordev.com/contact/) ● Let's scope the build ## A 45-minute call. Bring the constraints. Tell us what has to be true at launch — the integration, the deadline, the budget, the team who inherits it. We'll tell you what's buildable inside it, and when configuration would be the better answer. [Book the call →](https://www.noordev.com/contact/) [See build case studies](https://www.noordev.com/case-studies/)