Framer Website for an EV-focused Driving School (Landing Page)

Portfolio project

Overview

Translated brand requirements seamlessly into a fully functional Framer website for an EV-focused driving school. Worked on both the design phase (Figma mockups) and development phase.

Suggested and incorporated features such as QR-code based referrals - a novel concept in the industry.

Challenge & Solution

Client Goal: Create an engaging website with minimal friction for potential learners while differentiating the school from traditional competitors.

Approach:

Collaborated closely with stakeholders to prioritize usability and brand alignment.

Proposed and implemented two industry-specific features to reduce friction in user journeys.

Balanced minimalist design with functional elements to highlight an approach aligned with the future of transportation.

Tools & Process

Design: Figma (wireframes, client collaboration).

Development: Framer (SEO, animations, widgets & CMS integration).

Testing: Cross-device optimization and stakeholder feedback loops.

Key Features

Responsive Design & Navigation

Mobile-first layout optimized for all devices.

Structured content flow: “Why Us?”, “Hear from our students,” and enrollment CTAs.

Dynamic Review Integration

Custom “Wall of Love” showcasing select online reviews, with a CMS to auto import from numerous channels and manage which ones are displayed.

Device-Aware Contact System

Desktop: QR code with persuasive call-to-action for instant mobile access to the contact page.

Mobile: One-tap call/text buttons to reduce conversion steps.

Context-aware QR Code Referral Program

Hidden landing page with query-string tracking for referral campaigns.

Designed to be linked through QR-codes on business cards (phygital approach)

Incentive-driven contact forms to convert referrals into enrollments.

Simplified Content Management

Widget-based approach to ensure all elements of the site can be managed without the need for a technical professional.

Outcomes

Improved online visibility of the business.

Improved conversions, with various customers of the business indicating "good website" as a reason for choosing to reach out.

Achieved top search ranks on Google for various keywords relating to "EV driving school" in the region of operation of the business.

The site is available at validdrivingschool.ca.

Highlights & Screenshots

Highlight: Minimalist Design - Design that compliments the content (not the opposite)

Highlight: High Conversion - Dynamic wall-of-love to drive persuasion & conversion

Highlight: Thoughtfully Functional - Device & context-aware CTAs to minimise friction

Full Page Screenshot: Home Page

0 likes · 49 views · May 16, 2024

Responsive website, crafted with Framer to reflect the brand's future-forward identity. Designed & developed thoughtfully for high conversion.

Timeline

Jan 8, 2024 - Feb 5, 2024