Services named up front
The hero introduces the firm alongside its four core services: taxes, accounting, bookkeeping, and payroll.
Accounting & Finance / 2023
Ruddocks & Co
Designing an accountancy website that tells small businesses exactly how the firm can help.
Ruddocks & Co is a firm of chartered certified accountants working with small businesses. We designed the website and built it on WordPress, shaping it around clear service routes, straightforward language, and visible proof of trust.
- Service
- UI/UX & Branding + Web Design + Engineering
- Industry
- Accounting & Finance
- Solution
- WordPress Website
- Engagement
- Design and implementation
Project overview
A professional services site that gets to the point.
The homepage moves from a plain introduction of the firm to the services it offers, a funding support section, the story behind the practice, client testimonials, accreditations, and the latest news.
Our approach kept the tone professional but approachable, with one warm accent colour and a structure that answers a visitor's first question quickly: can this firm help with my situation?
The challenge
The design challenge
Accountancy services can read as a long, undifferentiated list. The site had to organise taxes, accounting, bookkeeping, and payroll into something a small business owner can scan, while giving space to funding support, credentials, and client feedback.
- Services needed to be understood at a glance.
- Different visitors needed different starting points.
- Trust signals had to be visible without crowding the page.
- The firm needed to manage news and content itself.
UX approach
UX focus — start from the visitor's situation
The homepage is organised around who is visiting and what they are trying to get done.
Routes by need
A services section offers separate starting points for someone who needs a tax expert, a registered charity, or a new business being set up.
A quote within reach
An instant quote action stays in the navigation, and the funding support section lets a business look up its options from the page.
Proof before contact
Client testimonials, accreditations, and partner badges sit together so credibility is established before a visitor gets in touch.
Selected work
One homepage, from introduction to proof.
The hero and service routes, funding support, and the trust sections.
UI and product direction
Design focus — established, clear, and approachable
The visual language pairs the firm's deep green with a warm amber accent, light backgrounds, and a friendly hero with floating service labels.
- Colour
- Deep green from the firm's identity anchors the brand sections, with amber reserved for actions and highlights.
- Typography
- Bold, compact headings and generous body spacing keep professional content easy to scan.
- Layout
- Clean white sections alternate with brand-colour bands, giving each topic its own clear block.
- Components
- Service cards, testimonial cards, and news cards share one consistent pattern across the page.
Our process
From understanding the problem to a focused product direction.
- 01
Structure the content
We organised the firm's services, audiences, and proof points into a clear page hierarchy.
- 02
Design the homepage
We designed the hero, service routes, funding support, about, testimonials, accreditations, and news sections.
- 03
Define reusable components
We turned the cards, buttons, and section layouts into a consistent set of patterns.
- 04
Build on WordPress
We implemented the design as a responsive WordPress website that the firm can update.
Execution
WordPress execution
The design was built as a responsive WordPress website. The build focused on matching the design, keeping sections consistent, and leaving the firm able to manage its own pages and news.
- WordPress website build
- Responsive page layouts
- Services, testimonials, and news sections
- Content the firm can manage
Impact
A website that explains the firm clearly
The completed design gave Ruddocks & Co a website that introduces the practice plainly, points each visitor to the right service, and puts its credentials and client feedback in view.
- Clear presentation of core services
- Starting points for different client types
- Testimonials and accreditations in view
- A manageable WordPress website
Closing perspective
Clarity is the brand for professional services
The project reinforced that a professional services website earns trust by being easy to understand. Plain structure, a consistent visual system, and proof in the right place do more than decoration.
Other projects
More products and experiences shaped by BlastUp Labs.
AI-Accelerated Delivery
AI + MCP DELIVERY SYSTEMS
Human-led / AI-enabled
Better digital work, delivered faster.
We combine experienced strategy, design, and engineering with AI tools and MCP-connected workflows to research, prototype, build, and refine more efficiently.
Faster exploration. Quicker iterations. Production-ready delivery.
EXPERT DESIGN & ENGINEERING TEAM
Let’s shapewhat comes next.
Skip the long forms and start with one focused 30-minute conversation.
Fast, practical conversations for founders and product teams.
Loading available times…