What was built
A multi-page marketing and lead-generation website for Corient, an outsourcing partner for UK accountancy practices. Visitors learn what Corient offers across accounting, bookkeeping, payroll, tax and support services, see the AI tools behind the service, check pricing and book a consultation.
At a glance
- 52Pages
- 248Blog posts
- 67Client case studies
- 15Team profiles
Key parts of the site
Home page
A hero with one clear promise for UK practices, two calls to action (Book a Consultation and Get in Touch) and trust badges for ISO 27001, GDPR, Cyber Essential and Xero, Sage and QBO.
Services
A page for each service, such as bookkeeping, payroll, year-end accounts, management accounts, Making Tax Digital, audit support and tax.
AI Crew
A page for each of Corient's AI tools: Billy, Corby, Luca, Sherlock, Smarty and Galaxy.
Pricing
Bookkeeping and payroll pricing pages, with an estimate calculator for bookkeeping.
Content
A blog, client case studies, e-books, team profiles and webinars.
How it was built
The site runs on WordPress with the lightweight Hello Elementor theme. Pages are laid out visually in Elementor, and Elementor Pro's theme builder drives the shared header and footer. JetEngine handles dynamic content, Rank Math handles SEO, and WP Rocket handles caching and speed.
Stack
| Layer | Tool | Used for |
|---|---|---|
| CMS | WordPress | Content, media, users and plugins |
| Theme | Hello Elementor | A minimal base theme, so Elementor controls the design |
| Page builder | Elementor and Elementor Pro | Page layouts with containers, the header and footer templates and popups |
| Dynamic content | JetEngine | Dynamic listings and custom content |
| SEO | Rank Math | Meta data, XML sitemaps and schema |
| Performance | WP Rocket and PhastPress | Caching, CSS and JavaScript optimisation and lazy loading |
Design tokens
- Navy
#2B3A72 - Blue
#3C51A4 - Ink
#313235 - Cloud
#F9FAFB - Amber
#FFBB00 - Cyan
#1FCEE5
Typeface: Inter, set once as Elementor global typography.
Build approach
- Plan the structure. Map the page tree and navigation from the assigned layout: home, about, services, AI Crew, resources, pricing and contact.
- Set global styles. Define colours and typography once in Elementor so every page stays consistent.
- Build reusable parts. Create the header, footer, buttons and section containers once, then reuse them.
- Assemble the pages. Build each page from containers and widgets, using the supplied content and images.
- Make it responsive. Check and adjust layouts, spacing and type at desktop, tablet and mobile breakpoints.
- Polish. Add custom CSS and basic animations for hover states and visual details.
What I did
I worked on this site as a WordPress Developer Intern, building pages to assigned layouts, content and design requirements.
- Built and updated pages in Elementor according to the assigned layouts, content and design requirements.
- Built the page structure: headers, footers, containers, buttons, navigation submenus, sections and page layouts.
- Managed content and settings: text, images, page settings, global colours and typography.
- Made pages responsive by adjusting layout, spacing and type for each breakpoint.
- Styled with custom CSS and added basic animations, including hover interactions.
- Worked with plugins and site setup, including basic website migration and import workflows and site configuration.
- Worked with the team to ship content changes, layout adjustments and design updates.
Results
These are site-wide scores for the live website, which the whole team contributes to.
- 96Mobile PageSpeed performance scorePageSpeed Insights, 13 Nov 2026
- 100PageSpeed SEO scorePageSpeed Insights, 13 Nov 2026
- 1.6 sLargest Contentful Paint on mobilePageSpeed Insights, 13 Nov 2026
- 94%Semrush site health, with 0 errorsSemrush Site Audit, 9 Nov 2026
View full page
View full pageScreenshots
Desktop
View full page
View full page
View full page
View full pageMobile



