Sunesis Connect
Freight and sourcing website with calculators, articles and a review-first editing workflow
A fast, accessible website for a China–Ghana freight business, with a safe way for its owner to make changes.
- Year
- 2026
- Client
- Sunesis Connect, a China–Ghana freight and sourcing company
Built with React Router 7 (pre-rendered pages), Tailwind and MDX; enquiry emails sent from a Vercel Function; Vitest and Playwright tests, including automated accessibility checks.
- pre-rendered pages
- 46
- Lighthouse accessibility score
- 100
- Lighthouse best-practices score
- 100
- articles
- 18
Overview
Sunesis Connect ships cargo and sources products between China and Ghana. I built its public website: 46 pre-rendered pages, a chargeable-weight calculator, shipping, sourcing and customs enquiry flows, an Incoterm guide and 18 articles.
Research & service design
Separated the shipping, sourcing and customs enquiry journeys, so each customer is asked the right questions and the team receives usable leads.
What I built
Built with React Router 7 pre-rendering, Tailwind and MDX, so pages load fast and articles are easy to write.
Added a cargo volume and chargeable-weight calculator, service selection and dedicated enquiry success pages.
Sent enquiries through a Vercel Function, with branded notifications for staff and acknowledgements for customers.
Tested with Vitest and Playwright, including automated accessibility checks, and set up GA4 with consent mode.
Set up an AI editing workflow with Claude Code, so the owner's changes arrive as pull requests that I review before they go live.
Inside the work
Outcomes
Lighthouse on mobile: Accessibility 100, Best Practices 100 and Performance in the 90s.
Released in stages, with production search indexing approved in September 2026.
The owner can propose changes safely, without direct access to production.
Fast, accessible front-end engineering, content and SEO structure, and a safe AI-assisted workflow for clients who want to edit their own site.