Build a Responsive Next.js Website for a Canadian Testing Company

Build a Responsive Next.js Website for a Canadian Testing CompanyBuild a Responsive Next.js Website for a Canadian Testing Company

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Ammar Atef

• Sep 28

OnField: fast corporate website for a Canadian construction-testing company (onfield.ca). Next.js 16 + React 19 with light and dark themes; services, departments, about and contact pages; hand-built interactive SVG map of Canadian provinces; quote-request form that emails the company; fully responsive.

Completed work

Frontend Development Next.js React

Yurii Tarasov

pro

• Sep 25

A custom scroll-driven liquid transition built with React, TypeScript, and WebGL.

Two visual states blend through an organic distortion field, with the entire transition mapped to scroll progress and fully reversible.

Built as a reusable Framer Code Component.

https://yuriitarasov.framer.website/about

Completed work

Interaction Design Motion Design Framer React WebGL Creative Design

Mykola Malyhin

pro

• Sep 25

Mapping the distortion to scroll makes the transition feel responsive instead of decorative.

Amogelang Skhosana

• Sep 25

I built a website using Lovable to solve a real problem I kept running into as a freelance web developer my client needing a fast, professional site without the usual back-and-forth of traditional development. I used AI-assisted building to go from idea to a working, responsive site quickly, focusing on clean design and usability. This project shows how Lovable lets someone like me deliver real results for clients faster, without sacrificing quality.

Completed work

lovablechallenge Web Development Video Editing Web Design Canva Lovable

Štefan Bohumel

• Sep 25

Hey! Quick heads-up: your Lovable project link currently shows a "You don't have access / This project is private" screen.

You might want to toggle the project visibility to Public in Lovable settings or share the published .lovable.app URL so judges and the community can view it properly.