Website Redesign & Custom Budget Calculator Tool

Benetas

Benetas Website Redesign

Ground-up redesign of the Benetas website, built mobile-first with responsive layouts, accessibility best practices, and enhanced UX/UI features.

Custom CMS, interactive calculators, dynamic tools, and seamless integrations.

Benetas website homepage
Benetas website homepage

Project Highlights

Custom-built website and tools to streamline content management, improve UX, and simplify budgeting for clients.

  • Mobile-first, fully responsive layouts
  • Figma-designed workflows and layouts for review and collaboration
  • Custom JavaScript/CSS interactions: smooth scroll, step-by-step UI, show/hide sections
  • Modern Bolt 5 CMS with custom admin interface
  • React-based interactive tools and components
  • SEO, sitemap, and robots integration with LLM/ChatGPT directives
  • Custom URL generation for hundreds of pages by location
  • Postcode lookup tool and refined site-wide search
  • Custom pricing widget with SendGrid email summaries
  • ActiveCampaign, Mailchimp, and SendGrid API integrations

Support At Home Budget Estimator Tool Build

Helping clients and staff understand and manage budgets with confidence.

Benetas CMS and Dashboard
Benetas CMS and Dashboard

Budget Estimator Tool Project Overview

The Support At Home Budget Estimator simplifies the complex funding model, providing an intuitive, user-centred interface for calculating and understanding co-contributions.

Key Features

  • Pre-use checklist explaining co-contributions
  • Step-by-step guidance with helpful tips
  • Transition options for Home Care clients with tailored info
  • Improved accessibility: larger fonts, clearer symbols, and icons
  • Frequency options: weekly, fortnightly, monthly, etc.
  • User-friendly interface that educates and empowers clients

Site Technical Specs

Built-in Features

  • Custom React tools and interactive components
  • Postcode lookup, refined search, and dynamic forms
  • Custom pricing calculator with automated email summaries
  • Accessible, mobile-first, and fully responsive layouts
  • Step-by-step interactive UI with smooth scrolling and show/hide sections
  • CMS-managed content for locations, news, and pricing

Tech Stack

  • Bootstrap 5 framework
  • Bolt CMS 5
  • React & JavaScript custom re-usable components & tools
  • SendGrid, ActiveCampaign, and Mailchimp API integrations
  • Custom scripts for sitemap, robots, and URL generation

Responsive Design

Fluid, accessible design across all devices. Accessible, mobile-first, and fully responsive layouts.