Carsimple

Built in Webflow, Integrated with their internal systems, and Powered up with Custom JavaScript. CarSimple's website has definitely become a project to be proud of.

Project Overview

Carsimple.com is an online vehicle reseller platform based in Vancouver, BC. The site is dedicated to buying and selling used cars, catering to individuals looking for a seamless way to sell their cars or find great deals on pre-owned vehicles. The challenge? Creating a user-friendly, dynamic platform that would simplify the browsing experience for users, making it easy to filter, search, and sort vehicles based on various criteria.

Project Scope

As the **front-end developer**, I was responsible for building the entire site using Webflow and JavaScript. The key feature? An advanced multi-filter and sorting system that not only narrows down the list of available vehicles but also dynamically adjusts the filters based on the current search results.

The goal was to build a smooth, intuitive experience that allowed users to quickly find what they were looking for, without hitting dead-ends or being overwhelmed by too many filter options.

Unique Features

One of the most innovative features of carsimple.com is the **advanced filtering system**. This multi-filter tool does more than just filter the list of cars; it adjusts the available filters based on the remaining results. If a specific car doesn't exist in the database, a banner informs the user, and if no results match their criteria, a custom section appears to guide them to other potential options.

The system seamlessly integrates with static elements from the CMS, ensuring a visually consistent and responsive user experience. This intricate filtering solution is what makes carsimple.com stand out in the competitive online car marketplace.

Technology Stack

- Platform: Webflow

- Languages: JavaScript

- Backend: Azure Functions, SQL

- Custom Library: WebTricks (my own custom-built library for handling advanced UI behaviors)

By using this combination of tools, I was able to create a fast, scalable, and highly interactive platform that delivers a clean user experience across devices.

Challenges

The most challenging aspect of the project was developing the **filtering system**, which not only had to filter results based on user preferences but also dynamically adjust the filters themselves to reflect only the available options based on the current search results. This required careful planning and execution, especially since the filters were tightly integrated with static elements within the CMS and custom-built JavaScript functions.

Client Collaboration

The collaboration with the client has been smooth and ongoing. Carsimple.com is a project that I continue to update every few weeks, having worked on it for over two years. Throughout this process, the client has provided clear feedback, and we’ve been able to iterate on new features and improvements regularly.

Results & Impact

Since launching the redesigned site, **carsimple.com** has seen significant improvements in both traffic and conversions. Users are contacting the client more often, and sales are steadily increasing. The client has expressed high satisfaction with the results, and the platform’s user-friendly design continues to attract more visitors.

Timeline & Delivery

The project took approximately **5-6 months** to complete, as it involved a full rebrand and website build. The front-end development, which was my primary focus, took around **2 months**. Despite the complexity of the filtering system, we were able to deliver the project on time and meet the client’s expectations.

Post-launch Support

Post-launch, I’ve provided ongoing support, including regular **maintenance, updates, and new feature integrations**. We continually fine-tune the platform to meet the evolving needs of the client and its users, ensuring that it remains competitive in the market.

Final Thoughts

Working on **carsimple.com** has been a rewarding experience, with the project growing and evolving over the past two years. The site’s advanced filtering system, combined with a smooth user interface, has helped increase user engagement and conversions. The ongoing collaboration with the client ensures that the platform remains fresh and up-to-date, making it a valuable resource for car buyers and sellers in Vancouver.

No items found.
In this article, we'll explore the huge role of design systems as foundational tools play in web development. Let’s dive in and unlock the power of design consistency together.
Unlocking the Power of Design Consistency: The Magic of Style Guides and Design Systems
Any new platform is intimidating the first time and even NoCode apps can be pretty scary, but taking one step at a time will get you there eventually. It is not the only tool that exists but Webflow has come with a lot of possibilities few competitors can match.
How to get started with Webflow
How to turn your GitHub repos into a CDN