Shark Match
Ahrefs Score: 100/100
Enterprise-Grade Quality
Perfect Ahrefs health score - technically sound and trustworthy by Google's standards
Overview
The BYD Shark Match Calculator is a specialised web application designed to help Australian buyers determine if the BYD Shark plug-in hybrid pickup truck suits their needs. By analysing user requirements across towing capacity, payload demands, charging infrastructure access, and driving patterns, the calculator provides personalised compatibility scores and recommendations. This tool streamlines the vehicle research process, helping potential buyers make informed decisions while showcasing the BYD Shark's capabilities through integrated news feeds and comprehensive vehicle specifications.
Key Features
- Interactive Assessment Tool: 8-question calculator covering towing needs, payload requirements, charging access, and driving habits with real-time scoring
- Personalised Recommendations: Dynamic results page with compatibility scores, tailored advice, and actionable next steps based on user responses
- Live News Integration: RSS-powered news feed aggregating BYD Shark articles from international automotive sources with automatic updates
- Experience Submission System: Modal-based form allowing owners to share their experiences via Formspree email integration for community building
- SEO Optimised Architecture: Comprehensive meta tags, structured data (JSON-LD), dynamic sitemap generation, and Google Search Console integration
- Mobile-First Responsive Design: Fully optimised interface across all devices with touch-friendly interactions and adaptive layouts
- Performance Focused: Fast loading times, optimised images, efficient API routes, and Next.js App Router for optimal user experience
Development Approach
Discovery
Conducted market research and identified target audience needs. Analysed competitor tools and defined core calculator functionality.
Design
Created modern, automotive-focused design system with blue colour palette. Developed intuitive quiz flow and results visualisation.
Development
Built with Next.js App Router and TypeScript. Implemented real-time calculation logic, RSS feed integration, and form handling.
Testing
Performed cross-browser compatibility testing, mobile responsiveness validation, and SEO audit optimisation.
Launch
Deployed to Vercel with custom domain configuration. Integrated Google Search Console and Ahrefs for monitoring.
Optimization
Ongoing SEO improvements, canonical URL fixes, sitemap optimisation, and performance enhancements based on analytics.
Tech Stack
- Next.js 15 - React framework with App Router
- TypeScript - Type-safe development
- Tailwind CSS v4 - Utility-first styling
- Shadcn UI - Component library
- Formspree - Form handling and email delivery
- RSS.app - News feed aggregation
- Vercel - Hosting and deployment
- Google Analytics - Traffic monitoring
- Ahrefs - SEO monitoring and optimisation (Score: 100/100)
Development Updates
Achieved perfect Ahrefs health score of 100/100 - placing this project in the top 1% of technically sound websites. Enterprise-grade SEO hygiene verified by Google's crawlers.
Added custom shark fin favicon. Removed debug console.log statements. Updated news section title to reflect international content sources.
Fixed Ahrefs SEO issues: updated canonical URLs to www version, shortened meta descriptions, corrected structured data validation errors.
Created dynamic sitemap.ts for Next.js App Router. Resolved Google Search Console indexing issues and achieved successful crawl.
Resolved AJAX form submission to prevent Formspree redirect. Added success modal with automatic close functionality.
Fixed news section image display issues. Updated API route to properly extract and serve article images from multiple sources.
Implemented RSS feed integration for automated news updates. Connected Formspree for experience submissions and contact form handling.
Site launched live at sharkmatch.com.au with full calculator functionality, news integration, and contact forms operational.
Related Projects
Interested in a similar project?
Let's discuss how we can create a customised solution for your specific needs.
Get in Touch