Case studiesdev.uk-ccm.com

Case study

dev.uk-ccm.com

Website for Carter Collins & Myer, accountants in Rochdale. Responsive Elementor pages with custom CSS and basic animations.

Role
WordPress Developer Intern
Organisation
Corient Business Solutions Pvt. Ltd.
Year
2026
Platform
WordPress, Elementor
Status
Development build, hidden from search engines
dev.uk-ccm.com
Home page of dev.uk-ccm.com

What was built

A development build of a new website for Carter Collins & Myer (CCM), a firm of accountants in Rochdale, established in 1957. The site presents CCM's accounting and tax services to established, owner-managed businesses and gives them clear routes to book a consultation or request a quote.

At a glance

  • 25Pages
  • 9Service pages
  • 230Blog posts
  • 12Blog categories

Key parts of the site

  • Home page

    A hero that names the audience and the town, with Book a Consultation and Explore Services actions, followed by the firm's story, values and a route into the team and reviews.

  • Services

    An overview page with numbered service cards, plus a page for each service: accounting and tax, business and tax advice, payroll, financial planning, HMRC enquiries and disputes, shareholder changes and exits, business valuations, company secretarial and self assessment.

  • Sectors

    Pages for the groups CCM works with, such as landlords and charities.

  • People and trust

    About, Why choose us, Meet the team with profile cards, and a reviews page.

  • Contact

    An enquiry form, a map and opening hours, with a Get a quote action in the header.

How it was built

The site runs on WordPress with the lightweight Hello Elementor theme. Pages are laid out visually in Elementor, with Elementor Pro for the shared header and footer. JetEngine handles dynamic content, Rank Math handles SEO and Trustindex handles client reviews.

Stack

LayerToolUsed for
CMSWordPressContent, media, users and plugins
ThemeHello ElementorA minimal base theme, so Elementor controls the design
Page builderElementor and Elementor ProPage layouts with containers and the header and footer templates
Dynamic contentJetEngineDynamic listings and custom content
SEORank MathMeta data, XML sitemaps and schema
ReviewsTrustindexClient reviews

Design tokens

  • Gold#E9B940
  • Black#0E0E0E
  • Charcoal#1A1A1A
  • Off-white#F2F2F2

Typeface: Roboto, set once as Elementor global typography.

Build approach

  1. Plan the structure. Map the page tree and navigation from the assigned layout: home, about, services with their sub-pages, sectors, team, reviews, blog and contact.
  2. Set global styles. Define the dark palette with a gold accent and the typography once in Elementor, so every page stays consistent.
  3. Build reusable parts. Create the header with its Services and About dropdowns, the footer, the gold call-to-action buttons and the section containers once, then reuse them.
  4. Assemble the pages. Build each page from containers and widgets, using the supplied content and images.
  5. Make it responsive. Check and adjust layouts, spacing and type at desktop, tablet and mobile breakpoints.
  6. Polish. Add custom CSS and basic animations to improve the design, responsiveness and user experience.

What I did

I worked on this site as a WordPress Developer Intern, building pages to assigned layouts, content and design requirements.

  • Built and customised responsive pages in Elementor, including layouts, headers, footers, images, buttons, navigation and content sections.
  • Applied custom CSS and basic animations to improve the design, responsiveness and user experience.
  • Managed content and settings: text, images, page settings, global colours and typography.
  • 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.

Screenshots

Desktop

Home pageView full page
Home page
Services overview pageView full page
Services overview page
Sectors pageView full page
Sectors page
Meet the team pageView full page
Meet the team page

Mobile

Home page on mobile
Home page on mobile
Services page on mobile
Services page on mobile