Survey Remedy Website

Sep 2, 2025

Survey Remedy Website

Project Overview

I designed, developed, and migrated a new website for Survey Remedy, a professional house surveyor company. The goal was to create a modern, user-friendly platform that effectively showcases their services, provides clear business information, and allows clients to easily contact the team or upload documents for review. The project also involved migrating the existing site from Lovable to Framer for easier long-term management and better design flexibility.

Technologies Used

  • Framer

  • Tally (for contact forms and PDF upload)

  • Posthog (for analytics tracking)

  • API Integration

Key Features

  • Service Showcase – Clear and structured service pages to highlight Survey Remedy’s offerings.

  • PDF Upload via Tally – Allowing users to securely send documents directly through the site.

  • Contact Forms – Seamless communication for potential clients.

  • Analytics Integration – Posthog tracking for understanding user interactions.

  • SEO-Friendly Migration – Preserved existing URL structure for minimal disruption.

Challenges

  1. Unhelpful Wireframes
    Some of the initial wireframes provided lacked clarity for page flow and hierarchy. This required additional design tweaks and creative problem-solving to ensure the final site felt intuitive and professional.

  2. Designing Clear Logic
    Creating a clear Problem → Solution → Why & How structure for each service was a major focus. It required careful planning and content layout adjustments to make sure users could quickly understand the value Survey Remedy offers.

Design Process

While the initial wireframe provided a starting point, I made significant design improvements in Framer to enhance usability and visual flow. Iterative testing was carried out to ensure the site remained consistent, responsive, and aligned with the client’s brand identity.

Outcome and Result

The migration to Framer was successful, maintaining SEO integrity while giving Survey Remedy a fresh, modern website. The client was happy with the improved design, smoother content flow, and the ability to manage the site more easily moving forward.

Check it out

›

Table of Content

import { useForm } from "framer"; import { useEffect } from "react"; export function FormValidator() { const { values, state, setError, setStep, submit } = useForm(); // Regex patterns const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; const phoneRegex = /^\+?[0-9\s\-]{7,15}$/; const validPostcodes = ["10115", "75001", "80331"]; // or fetch from JSON useEffect(() => { if (state === "submit") { const { email, telephone, PLZ } = values; if (!emailRegex.test(email)) { setError("email", "Invalid email"); setStep("error"); return; } if (!phoneRegex.test(telephone)) { setError("phone", "Invalid phone number"); setStep("error"); return; } if (!validPostcodes.includes(PLZ)) { setError("postcode", "Invalid postal code"); setStep("error"); return; } setStep("success"); submit(); // Continue to Zapier } }, [state]); return null; }