Arion Educational Hub — project overview

Everything in one place: content, time and deliverables

One page for the client team: what the site contains, what the build costs, and what is needed to start. Please give feedback per section number or table row.

5pages in the main structure
16section types in the library
12interactive features
13products in the overview
PageSections (in order)Conversion goal
HomeHero with product explanation · USP bar · Audience cards · Popular topics · How it works + figures · FAQRoute visitors to the right path
PatientsHero · Product selector · Videos · Challenges + steps · Product overview (13) · Where to buy · FAQ · Support bandFind a retailer / call
ProfessionalsHero with evidence · Profile tabs · Guidelines · Steps + videos · Quotes · Product selector · Demo/sample formDemo or sample request
DistributorsHero with onboarding promise · Business case · Range · Selector · Staff training · Toolkit · Reviews · FAQ · FormReseller enquiry
ContactThree routes (patient / clinical / sales) · Address blockRight channel per audience

The 12 interactive features

01Page router & main navigation (5 pages, active state, mobile behaviour)
02Product selector quiz with branching logic (3 audience versions)
03Pacemaker/ICD safety check with warning (Magnide)
04Back button, progress bar and restart in the quiz
05Accessory advice in the quiz result (SlideX, Easy-Grip)
06Result CTA per audience (retailer / sample / stocking notes)
07Patient-profile tabs (Professionals)
08FAQ accordions (3 locations; FAQ schema in production)
09Forms with validation, success state and GDPR consent
10Choice chips in forms (Demo/Sample/Info, reseller topics)
11Sticky anchor menus on all long pages
12Smooth-scroll anchor links (CTAs jump to form/section)

Added in production: FAQ and VideoObject schema, sitemap, separate URLs per article/video/product, audience memory, and analytics on quiz steps and forms.

Basis of this estimate: build in Bricks Builder with reusable components; the approved blueprint (design system, 16 sections, quiz logic) is reused; design and advisory phase are billed separately; the client supplies content complete and on time. Conditions: fixed scope after sign-off and a maximum of two feedback rounds per phase. Interim change requests outside the scope are welcome; they are billed per hour and always itemised, so you can see exactly what every hour was spent on. You only pay for hours actually worked — so you never pay too much.

Honest about the bandwidth: these hours are calculated per phase on the basis of the approved blueprint — no guesswork, no hidden margin. In practice the total may come out around 10 hours lower or higher. What decides that lies largely with all of us together: how complete and timely content and materials are delivered, how often things change along the way, what gets added, and how complex any extra design wishes are. If the project runs smoothly, you see it back in the hours. If it threatens to grow, we flag it up front — never afterwards on the invoice.

PhaseDescriptionHours
1. WordPress + Bricks setupInstallation, child theme, staging environment4
2. Design system in BricksGlobal classes & variables (colours, typography), reusable components7–8
3. Hub pageHero, USP bar, audience cards, popular topics, FAQ — built from components4–5
4. Patient pageAccessible build (65+), video sections, product overview, where-to-buy6–7
5. Professionals pagePatient-profile tabs, clinical guidelines, step-by-step, demo/sample form7–8
6. Distributor pageBusiness case, product range, toolkit, FAQ, enquiry form7–8
7. Product selector (quiz)Code element in Bricks: branching logic, three audiences, safety check8–9
8. Forms & mail integrationBricks Forms, validation, notifications, GDPR-compliant consent5–6
9. Technical SEOSchema markup (FAQ, VideoObject), metas, sitemap, performance5–6
10. Content structureCustom post types + loop templates (products, videos, FAQ)6–7
11. QA & accessibilityWCAG check, cross-browser and mobile testing, correction round5–6
12. Go-liveDNS, analytics, cookie consent, handover2
Subtotal build
66–76
Project management (approx. 12%)Planning, client communication, coordinating feedback rounds8–10
Indicative total
74–86 hours
Optional extensionDescriptionHours
Multilingual — first additional languageTranslation-plugin setup, Bricks templates, ACF/quiz config per language, hreflang and QA (translations supplied)14–18
Multilingual — each subsequent languageContent entry into the working language structure (translations supplied). Indication applies to the current scope; on commissioning we re-estimate based on the pages, articles, forms and features present at that time — and on the text length of the language (German requires extra layout checks)8–12*
Retailer locator with mapPostcode search, map integration, manageable retailer list7–10
Blog / knowledge-base moduleCustom post type with archive and detail templates from the design system, categories, simple search8–12

* Snapshot: the site grows and translation hours grow with it. The final per-language estimate follows at the moment of commissioning, based on the content and features present at that time.

Indicative lead time: 6–9 weeks after sign-off, depending on content delivery. No rights can be derived from this estimate; it serves as the basis for the final quotation.

Before kick-off

Brand guide or exact hex codes + logo files (SVG/EPS)Currently approximated from screenshots; final colours applied in minutes
Client
Final product range, names and specificationsDemo contains the 13 products from the main site; confirm incl. sizes/SKUs
Client
Decision on launch languages (EN / NL / DE)Defines scope; multilingual listed as an option in the estimate
Client
Decision on Caring Group / brandingAcquisition Jan 2025 — any impact on brand name or domain?
Client
Decision on articles: three fixed pages or a growing knowledge baseThe wireframe already shows three article teasers ("Read article"); determines whether the optional knowledge-base module (8–12 h) is needed — given the SEO ambition of an education hub, the knowledge base is the logical choice
Client
CMS choice and hosting preferenceDefines phase 1; we advise based on maintenance needs
Us

During the build

Product photos (cut-out) and optional lifestyle imageryAs on the main site; no stock photography
Client
Instruction videos or commission for productionThe site does not go live with empty video blocks; transcripts included for SEO
Client
Copy: approval of our texts or own deliveryWe provide structure and draft copy; client validates all claims
Client
Clinical evidence pack / sources for claims (95%, near-zero)Required for MDR-safe wording
Client
Contact details & e-mail addresses per teamsupport@ / clinical@ / sales@ — where do leads arrive?
Client
CRM or mail integration specificationsStandard e-mail/webhook included; complex integrations quoted separately
Us

Before go-live

GDPR: decision on consent toolingDoes Arion's privacy partner supply a consent platform (CMP) that we integrate, or do we set one up (licence for client) that their partner validates? Technical implementation (scripts only after consent, blocking video embeds, consent mode) is ours in both cases — covered in phase 12
Client
Legal texts: privacy, cookies, disclaimerFooter links are in place; texts via Arion's privacy partner — final legal responsibility remains with the client
Client
Data processing agreement (DPA)Lead forms contain personal data passing through our systems; DPA signed between builder and Arion before go-live
Us
Retailer list for the store locatorName, address, city — for the optional map module
Client
Access to DNS/domain and analytics accountFor go-live and measurement
Client
QA round and sign-off on the WCAG reportWe deliver the report; client signs off
Us

Label "Client" = supplied by the client · "Us" = handled or advised by us. Missing deliveries shift the planning, not the quality.