Dr Mould is a brochure website built for a local mould cleaning company that required an informative online presence to showcase their services. Developed with Next.js 13.4 and fully designed in Figma, the project was taken from design to production within one month. The website is hosted on Vercel with GitHub version control, and images are served from Cloudinary to ensure optimal performance. Styling is achieved using Tailwind CSS and React Motion, resulting in subtle load-in animations for text and an animated FAQ section that enriches the user experience.
Project features & challenges:
- Pixel‐perfect design with a fully responsive layout
- Built with Next.js 13.4 and deployed on Vercel
- Completely designed in Figma to achieve a clean, modern look
- Images hosted on Cloudinary for enhanced performance
- Contact form implemented with Nodemailer using Next.js server‐side methods, supported by Zod and Formik for robust field validation
- Toastify integration for clear success and error notifications
- Dynamic before/after image slider to effectively showcase the quality of work
- Subtle text load‐in animations and an animated FAQ section for improved engagement
- Comprehensive SEO setup including metadata, JSON‐LD, schema.org markup and Google Analytics integration
- TypeScript used throughout for improved maintainability and scalability
