Everything this website is, and everything it still needs.
A complete, read-only record of every functional and non-functional requirement, feature, and design decision for the Human Sense Group website — both what has been shipped and what remains outstanding.
138
Total items
55
To do
4
In Progress
79
Done
Prioritisation: MoSCoW & Effort
To do
Registered office address
Footer currently shows '[Registered address to be confirmed]'. Needs the actual registered office address.
VAT registration number
Footer currently shows '[to be confirmed, if applicable]'. Needs the actual VAT number or confirmation of non-registration.
Custom domain
App is currently on the staging base44.app subdomain. Needs a custom domain connected (e.g. humansense.group).
Backup and restore process
Define how often to export the site code (Export project as ZIP) and app data (Dashboard → Data → Export), where backups are stored, and how to restore them. Document the schedule and the restore steps so the site can be recovered after data loss or a bad change.
Production launch checklist
Before going live: verify the production custom domain and redirects, confirm all forms submit and save correctly, check that legal pages show real company details, and smoke-test key pages (home, work, pricing, apps, disciplines, careers) on mobile and desktop.
Reduce total page payload (6.95MB)
GTmetrix rates this High impact. ~6.4MB of the 6.95MB is the hero background video (two ~3.15MB requests). Compress/re-encode the video (target under ~1.5MB), serve a smaller mobile variant, and add a poster image so the first paint doesn't wait on it.
Comprehensive website test suite
Build an end-to-end test suite covering: critical user journeys (home scroll, contact form submit, careers CV upload, pricing calculator, app tools); responsive layout at mobile/tablet/desktop breakpoints across all routes; accessibility (WCAG 2.2 — keyboard nav, focus traps, screen-reader labels, colour contrast); navigation (header dropdowns, mobile menu, footer links, breadcrumbs); form validation (client + server-side, error states, file upload); SEO (meta tags, canonical URLs, OG/Twitter cards, JSON-LD, heading hierarchy); performance (LCP, CLS, TBT, bundle size, image loading); and regression coverage to catch breakages when routes, components, or content change. Include both unit tests for calculation logic (tax planner, margin calculator, proposal builder) and integration tests for server functions (contact, careers).
Tighten hero message around concrete promise
Feedback suggests the hero is a positioning manifesto rather than a buyer-focused promise. Consider a more decisive message, e.g. 'We help ambitious organisations turn strategy into delivery and growth' — immediately answering who, problem, outcome, and proof.
Contact form email notification
Contact submissions save to the database but do not currently email the team. Could add a notification similar to the careers flow.
'Book a discovery call' CTA in header
Header CTA currently says 'Start the Dialogue'. Feedback recommends a persistent 'Book a discovery call' button to create a clearer conversion path for senior buyers.
Secondary CTAs after each major section
CTAs currently appear only at the end. Feedback recommends a secondary call-to-action after each major homepage section so visitors can act without scrolling to the bottom.
Phone number for enterprise & public-sector enquiries
Contact section is email-only. Feedback notes that senior buyers, especially in public sector, expect a phone number for initial enquiries.
FAQ section on homepage
No FAQ exists. Feedback recommends covering engagement process, confidentiality, locations, and pricing approach.
Trust strip near top of homepage
Feedback recommends a trust strip below the hero showing client logos, sectors, credentials, or a headline outcome to establish credibility before the visitor scrolls into detail.
Analytics tracking
No analytics integration (Google Analytics, PostHog, etc.) to measure traffic and user behaviour.
Open Graph / social meta tags
Routes have title and description meta tags but no Open Graph or Twitter Card tags for social sharing previews.
Canonical URLs on every page
No canonical link tags exist. Feedback recommends canonical URLs to prevent duplicate-content issues and consolidate ranking signals, especially after moving to the production domain.
Defer / lazy-load background videos
Load the hero video after first paint (preload='none' or metadata), skip it on mobile/data-saver connections and for reduced-motion users. A cancelled and a duplicate range request for the video were seen in the waterfall.
Replace CSS @import for Google Fonts
Fonts are loaded via @import in the stylesheet, which chains requests and delays FCP (1.1s vs 0.9s target). Move to <link rel='preconnect'> + <link rel='stylesheet'> in the document head, or self-host Fraunces/Inter with font-display: swap.
SEO: add canonical URLs to every page
Seobility flags missing/incorrect canonical links. Add a rel=canonical link to each route's head() pointing to the page's production URL to prevent duplicate-content issues.
SEO: audit heading hierarchy and H1 uniqueness
Seobility page-structure check. Verify exactly one H1 per page, a logical H1→H2→H3 hierarchy (no skipped levels), and unique H1s across pages. The homepage currently has multiple H1s in section components.
SEO: verify all images have descriptive alt attributes
Seobility page-quality check. Audit every Image/img across the site for meaningful alt text (not empty, not 'image'). Decorative images should use alt='' explicitly.
Privacy and data retention review
Confirm how long enquiry submissions and uploaded CVs are retained, and document the deletion procedure for records and private files once no longer needed, to align with the stated Privacy Policy and UK GDPR retention principles.
Real team member profiles
4 placeholder cards on /team (Strategy Director, Marketing Lead, Data & Analytics Lead, Delivery Manager) need real names, photos, and bios.
Verified client testimonials
3 testimonials on /work currently use placeholder names and roles. Needs real, verified client quotes with permission.
Substantiate differentiation claims
Claims like 'measurable growth', 'rigour', and 'human understanding' are compelling but not yet substantiated. Feedback recommends giving buyers a reason to choose this firm over larger consultancies or boutique agencies.
Real case study metrics
Case studies follow a good structure but outcomes are described generically. Feedback recommends replacing generic outcome text with specific, verifiable metrics (e.g. 'reduced audit findings by 40%', 'delivered two months early') wherever client confidentiality allows.
Hydration-mismatch warning
A stale SSR cache causes a hydration-mismatch warning in the dev environment. Needs investigation and resolution.
Structured data (schema.org)
No JSON-LD structured data markup for organisation, services, or breadcrumbs to enhance search visibility.
Improve First Contentful Paint (1.1s → under 0.9s)
Only metric flagged 'OK, but consider improvement'. Address via font loading, video deferral, and reducing the 437ms root document response time and 2 critical request chains.
SEO: add Open Graph and Twitter Card meta tags
No OG or Twitter Card tags on any page. Add og:title, og:description, og:image, og:url, og:type and twitter:card to each route's head() so shared links render rich previews on LinkedIn, X, Slack etc.
SEO: add Organization structured data (JSON-LD)
No structured data on the site. Add an Organization schema (name, url, logo, sameAs LinkedIn, contactPoint) to the root document so search engines and AI answer engines can cite the company accurately.
Form abuse prevention
Public contact and careers forms have no spam protection or rate limiting. Add abuse controls (e.g. honeypot field, submission rate limiting, or a CAPTCHA) to reduce automated and malicious submissions.
More client logos (with permission)
Logo grid currently shows 4 brands. Needs additional real client logos, used with permission.
Data-protection statement near contact form
Contact form has a privacy notice link, but a concise data-protection statement could be added directly beside the form.
Additional social media links
Only LinkedIn is linked. Could add X/Twitter, Instagram, or other relevant platforms.
Google Search Console verification
No Search Console integration for indexing monitoring and search performance insights.
Bing Webmaster Tools submission
Only Google Search Console is tracked. Feedback recommends also submitting the site to Bing Webmaster Tools for broader search engine indexing.
Conversion tracking on form & call-book actions
Analytics integration is planned but feedback specifically recommends tracking form submissions and calendar bookings as conversion events, not just page views.
Efficient cache policy for static assets
Set long-lived cache headers on hashed JS/CSS and media files (potential saving 9.74KB / repeat-visit speed).
Reduce long main-thread tasks and DOM size
4 long tasks (184ms JS execution, 750ms main-thread work) and 787 DOM elements on the home page. Lazy-render below-fold sections to keep TBT well under 150ms as content grows.
Fix single layout shift; re-test after changes
Report found 1 layout shift (CLS score 0, so minor) — reserve image/video dimensions. Re-run GTmetrix on the production domain (not staging) and on /disciplines, /pricing and /apps after fixes; target Performance 95%+ and Structure 90%+.
Ongoing link and form checks
Periodically check for broken links across the site and confirm that enquiry and careers submissions still reach the team and save correctly, catching regressions as content and routes change over time.
QR code linking to phone number
Add a scannable QR code (e.g. in the contact section or footer) that opens the visitor's phone dialler with the Human Sense Group phone number using a tel: URI. Requires a confirmed phone number before implementation; pairs with the existing 'Phone number for enterprise & public-sector enquiries' backlog item.
Additional case studies
Home page has 6 case study cards; /work has 3 detailed case studies. Could expand with more engagements as they are completed.
Newsletter signup
No email subscription mechanism for visitors to receive updates.
Calendar booking integration (Calendly/Cal.com)
No self-service booking option exists. A 'Book a 30-minute discovery call' widget would reduce friction for corporate and public-sector buyers who prefer scheduling over email.
Code splitting / lazy loading for apps
The 4 interactive tools are imported directly. Could use lazy() loading to reduce initial bundle size.
Image compression & Core Web Vitals audit
Feedback recommends compressing images, using modern formats, and testing Core Web Vitals on mobile to ensure fast load times for mobile visitors.
Reduce unused JavaScript (~129KB) and CSS (~10KB)
Code-split heavy below-the-fold sections and app tools (jsPDF, charts) so they load only on their routes; purge unused CSS. Also avoid serving legacy JS to modern browsers.
SEO: review page quality (text volume, duplicate content)
Seobility page-quality check. Verify each page has sufficient unique text content (thin pages rank poorly), no duplicate or highly similar content across routes, and no outdated HTML elements. The disciplines and legal pages should be reviewed first as they share templates.
SEO content programme for high-intent topics
No content marketing exists. Feedback recommends articles around high-intent searches such as 'public-sector digital transformation delivery' or 'go-to-market strategy for scaling SMEs' to build search authority.
SEO: build backlink profile (external factors)
Seobility external-factors check. As a new site, the backlink profile is weak. Pursue directory listings, industry associations, partner links, and content marketing to grow inbound links and domain authority over time.
Dark mode toggle
Dark theme tokens are defined in CSS but no UI toggle is exposed to visitors.
Site search
No search functionality for visitors to find specific content across the site.
In Progress
Cave-art handprints on transparent backgrounds
Hero imagery uses isolated handprint graphics on transparent backgrounds to avoid 'soft' or yoga-like vibes.
'Work' renamed to 'Case Studies' and promoted to top-level nav
The section was renamed from 'Selected work' to 'Case Studies', given its own /work route, and promoted from the dropdown to a top-level navigation link.
Footer embeds sitemap directly
The 'Explore' link column was replaced with a 3-column sitemap (What we do, Work & tools, Legal) embedded directly in the footer.
Brand carousel replaced with static logo grid
Originally a carousel; replaced with a responsive static grid of logo cards for simplicity and reliability.
Done
Services section with 3 discipline cards
Professional Services, Strategy, Marketing — each with icon, description, key offerings, and anchor ID for deep-linking from case studies.
Approach section with 3 pillars
Human sense, analytical rigour, measured outcomes — presented over a hand-drawn arrows background graphic with gradient overlays.
Technology section with 4 principles
Right tool not trendy one, informed options, built to grow, process before migration — explaining the technology selection philosophy.
Who We Serve section
Three audience cards (SMEs, FTSE 100 & large enterprises, public sector) with a fingerprint motif illustration.
Privacy Policy page (/privacy)
Data collection, usage, storage, retention, rights, cookies, and contact information in shared legal layout.
Terms & Conditions page (/terms)
Website-use rules, engagement conditions, intellectual property, submissions, liability, governing law, and company information.
Cookie Policy page (/cookies)
Cookie types, browser controls, policy updates, and contact information.
Responsive navigation header
Fixed header with logo, 'What we do' dropdown, top-level links (Case Studies, Apps, Pricing, Team, Contact, Careers), CTA button, scroll-aware background, and mobile hamburger menu.
Footer with embedded sitemap
Brand description, 3-column sitemap (What we do, Work & tools, Legal), get-in-touch section, company details, legal links, LinkedIn, and copyright.
Typography system
Fraunces serif for headings/display, Inter sans-serif for body — loaded via Google Fonts, mapped through Tailwind font-family tokens.
Server-side rendering for public pages
Public marketing pages are SSR by default; only auth-dependent pages use ssr:false.
Row-Level Security on Contact entity
Create open to anyone; read limited to the submitter or admins; update/delete admin-only.
Row-Level Security on CareerSubmission entity
Create open; read limited to submitter or admins; update/delete admin-only. CV files stored privately with signed URLs.
Client-side app tools (no data leaves browser)
All 4 interactive tools run entirely in the browser with no server calls or data transmission, ensuring privacy.
Company registration number
Company No. 17484077 (registered in England & Wales) is now shown in both the footer and the Terms page.
Cookie consent banner
A fixed bottom banner appears on first visit with Accept all / Reject non-essential buttons. Choice is stored in localStorage and the banner does not reappear. Links to the Cookie Policy page. Compliant with UK GDPR/PECR consent requirements.
SEO: fix root document title and description
Root document (__root.jsx) now uses 'Human Sense Group — Strategy, Delivery & Marketing' as the title and a brand-focused meta description. Individual routes already have unique titles and descriptions via their head() functions.
Single-page marketing site structure
The home page is a single long-scroll page with distinct sections rather than separate pages for each service area.
Warm earthy colour palette
Terracotta primary, bone/sand background, mineral teal secondary — inspired by prehistoric cave painting aesthetics, conveying gravitas for SME, enterprise, and public sector clients.
Cave-painting inspired brand identity
Visual language draws from cave art: handprints, fingerprints, hand-drawn arrows, and organic textures rather than soft or spiritual imagery.
Graphical/symbolic icons over photos
Lucide icons and generated illustrations are used instead of photorealistic stock imagery to convey human/hand-related concepts.
Fern motifs removed
All fern motif graphic elements were removed from the site design per user preference.
Certifications and standards service dropped
All references to certifications, ISO readiness, and standards/compliance services were removed from the site — navigation, services, disciplines, apps (ISO Readiness Checker), pricing, case studies, reviews, team, careers, sitemap, and backlog. The firm now presents three disciplines: Professional Services, Strategy, and Marketing.
Hero with looping video background
Full-bleed silent looping video, parallax scroll via Framer Motion, gradient scrim for legibility, two CTA buttons, and global reach tagline.
Selected Work section with case study cards
6 structured case studies (client, challenge, work, outcome, proof, service link) rendered on the home page with a link to the full /work page.
Contact form with server-side validation
Name, email, company (optional), interest dropdown, message — validated with Zod, submitted via server function, saved to Contact entity, success/error states.
Case Studies page (/work)
3 detailed case studies with images, metrics, and sector tags, plus client reviews section and contact CTA.
Team page (/team)
Founder profile (Arsen Hoxha) with photo, bio, role tags, LinkedIn link, plus 5 wider-practice placeholder cards.
Warm earthy design system
Terracotta primary, bone/sand background, mineral teal secondary — reflecting the cave-painting inspired brand identity. Full light/dark token set in index.css.
Responsive layout (mobile + desktop)
All pages use responsive grid breakpoints, mobile hamburger menu, and fluid typography. Tested at mobile, tablet, and desktop viewports.
Home page with 10 sections
Hero, Services, Approach, Technology, Team Lens, Who We Serve, Industries, Selected Work, People, Contact — assembled on a single landing page at /.
Pricing page (/pricing)
5 sections: tiered packages (Essentials/Growth/Enterprise), engagement models, service-based pricing, day-rate table by grade & contract length, interactive estimate calculator, and contact CTA.
Careers page (/careers)
Full-bleed looping video background with 80% scrim, application form (name, email, phone, role, message) with PDF CV upload (stored privately), server-side submission, and email notification to careers@.
Disciplines hub page with sub-pages per discipline
Created a /disciplines hub page plus dedicated sub-pages for each discipline (Professional Services, Strategy, Marketing). Each sub-page expands into detail: who it's for, problems solved, capabilities, deliverables, engagement phases, related case studies, FAQs, and a service-specific CTA. Homepage service cards and case study links now deep-link to their respective discipline sub-pages.
Accessibility audit (WCAG)
Performed an accessibility pass: added skip-to-content link in the root document with id='main-content' on every page's main element; fixed form label associations (Contact Select and Careers CV upload now have proper htmlFor/id); made the header dropdown keyboard-accessible via group-focus-within with aria-haspopup/aria-expanded; added aria-hidden to decorative background videos; added aria-label to icon-only controls. Further automated WCAG 2.2 testing recommended before final compliance sign-off.
Team Lens section
Four lenses (Company, Customers, Category, Industry) plus a 'growth that lifts every party' callout, over a textured background.
Industries section with 11 sectors
Retail, Health & Fitness, Insurance, Loyalty, Hospitality, Courts & Tribunal, Census, Inspection & Compliance, Central Government, Local Authorities, Traffic Management.
People/Experts section
Expertise highlights (10+ years, practitioners, specialist network, right-sized teams) with a network illustration.
Client reviews/testimonials
3 testimonials with 5-star ratings, quotes, names and roles on the /work page.
Client logo grid
Static grid of 4 brand logos (CulynArt, Reply, Whitbread, Human Sense Group) with consistent card framing.
Apps index (/apps)
Grid of 7 interactive tool cards — 3 professional tools (Director Pay Tax Planner, Project Margin Calculator, Pricing & Proposal Builder) and 4 customer-requested apps (Meeting Bingo, Team Name Generator, Coffee Roulette, Crochet Blanket Builder) — plus a 'More tools coming soon' placeholder with a suggestion link.
Sitemap page (/sitemap)
Categorized index of all site pages, sections, and apps across 6 groups with descriptions. Now pulls from a shared sitemap-data module so the visitor sitemap and XML sitemap stay in sync automatically.
Case study deep-linking to services
Each case study card links to its related service via anchor ID with scroll-mt offset for header clearance.
SEO metadata on every route
Each route exports head() with a unique title and meta description.
Optimised image delivery
Image component serves media.base44.com / static.wixstatic.com images resized to container with AVIF/WebP srcset; other URLs pass through.
Consistent image framing
All content images use rounded-2xl, border-border, shadow-sm, and bg-card backing for visual consistency.
Single source of truth for pricing rates
pricing-rates.js defines all grades, contract lengths, disciplines, tiers, and engagement models — consumed by both the rates table and the calculator.
Shared legal layout component
LegalLayout.jsx provides consistent header, footer, and content structure for all legal pages.
Professional indemnity & cyber insurance details
Footer now shows verified Simply Business cover: professional indemnity and public liability up to £2,000,000, employers' liability up to £10,000,000.
XML sitemap for search engines
The Base44 platform auto-generates /sitemap.xml with all 24 public routes (home, disciplines, insights, apps, pricing, team, careers, legal pages, sitemap). The root document head includes a <link rel='sitemap'> tag pointing to /sitemap.xml. The visitor /sitemap page pulls from a shared sitemap-data module for its curated labels and descriptions.
robots.txt
The Base44 platform auto-generates /robots.txt allowing all crawlers to access public content while protecting non-public and technical routes, and pointing to the auto-generated /sitemap.xml. Configurable via Dashboard → SEO & GEO → Advanced settings → Search engine files.
SEO: robots.txt and XML sitemap
Both are auto-generated by the Base44 platform: /robots.txt allows all crawlers and points to /sitemap.xml, which lists all 24 public routes. The root document head includes a <link rel='sitemap'> tag for discovery. Configurable via Dashboard → SEO & GEO → Advanced settings.
Consistent image frame style
All content images use rounded-2xl, border-border, shadow-sm, and bg-card backing for visual consistency across the site.
'People' section renamed to 'Experts'
The home page section and navigation label was changed from 'People' to 'Experts' to better convey senior practitioner positioning.
Team moved to standalone /team page
The founder profile and wider practice were moved from the home page to a dedicated /team route to give them more space.
Structured case study format
Case studies follow a consistent structure: client/sector, challenge, what we did, outcome, proof (quote or metric), and a link to the related service.
Service cards have anchor IDs
Each service card has an id (e.g. services-professional) and scroll-mt-28 for deep-linking from case studies.
Careers page uses full-bleed video with 80% scrim
A looping background video with an 80% background/scrim overlay ensures form legibility while maintaining visual atmosphere.
All apps run entirely client-side
Interactive tools process data in the browser only — no sign-up, no server calls, no data leaves the device.
PDF reports generated client-side with jsPDF
Project Margin and Proposal Builder both generate PDFs in the browser using jsPDF — no server round-trip needed.
Pricing rates in a single source file
pricing-rates.js is the single source of truth for all grades, contract lengths, tiers, and engagement models — consumed by both the rates table and the calculator.
Legal pages use shared LegalLayout
Privacy, Terms, and Cookies pages all use a common LegalLayout component for consistent header, footer, and content structure.
PDF report generation
Project Margin Calculator and Pricing & Proposal Builder generate client-side PDFs via jsPDF.
Careers email notification
Server function sends an HTML email to careers@humansense.group with applicant details and a 7-day signed CV download link.
Pricing estimate calculator
Interactive configurator: contract length, discipline, team members by grade, days/week slider — computes total contract value from a single source-of-truth rates file.
Grain texture utility
Subtle radial-gradient grain overlay available via .grain utility class for textured section backgrounds.
Platform auto-generates robots.txt and sitemap.xml
The Base44 platform auto-generates /robots.txt and /sitemap.xml from the app's registered routes — no custom route or middleware needed (the dot-in-filename routing constraint that originally blocked /sitemap.xml as a route is moot). A shared sitemap-data.js module still powers the visitor-facing /sitemap page with curated labels and descriptions.
Requirements Backlog accessible only via sitemap
This page is intentionally omitted from header and footer navigation, linked only from the sitemap page, and accessible by direct URL.
Meeting Bingo app (/apps/meeting-bingo)
Browser-based bingo card generator for corporate meeting phrases. Players tick off buzzwords in real time, get five in a row and shout BINGO. Runs entirely client-side with no data transmission.
Team Name Generator app (/apps/team-name-generator)
Browser-based tool that spins up memorable team names for away days, hackathons, or project squads. Combines adjectives and nouns with optional themes. Runs entirely client-side.
Coffee Roulette app (/apps/coffee-roulette)
Browser-based tool that randomly pairs team members for informal coffee chats. Supports custom team lists and exclusion of recent pairings. Runs entirely client-side.
Crochet Blanket Builder app (/apps/crochet-blanket-builder)
Browser-based planner for granny-square blankets: grid size, colour palette, yarn estimates, and PDF export. Runs entirely client-side with no data transmission.
Framer Motion animations
Parallax scroll and transform on hero section; subtle hover transitions throughout.
UK Director Pay & Tax Planner
Full 2026/27 tax planner: salary, dividends, pension, student loans (Plans 1–5 + PGL), Scottish tax bands, Employment Allowance, Child Benefit charge, multi-year forecasting, CSV export, allocation chart, step-by-step calculation breakdown, and education section. Runs entirely client-side.
Project Margin Calculator
Engagement type, client fee, team roles with day rates and days, expenses, contingency %, overhead %, gross margin calculation with low-margin warnings, cost-breakdown pie chart, and PDF report. Runs entirely client-side.
Pricing & Proposal Builder
Client/project details, scope phases with deliverables, target margin, discount, expenses handling (pass-through or included), realised margin calculation, proposal summary, and PDF export. Runs entirely client-side.
More interactive tools (customer-requested apps)
4 additional browser-based tools were built by customer request: Meeting Bingo, Team Name Generator, Coffee Roulette, and Crochet Blanket Builder. All run entirely client-side and are linked from the /apps index.
Blog / insights section
Insights hub at /insights with two sub-sections — Case studies (/insights/case-studies) and Our thoughts (/insights/our-thoughts) — surfacing structured engagements and practitioner perspectives.
Dedicated service pages
Dedicated pages now exist for each discipline (Professional Services, Strategy, Marketing) under /disciplines, each covering who it's for, problems solved, capabilities, deliverables, engagement phases, related case studies, FAQs, and a service-specific CTA.