Skip to content

Automotive showroom website

Şeref Karaoğlan Motors

A premium digital showroom where visitors can browse available vehicles, check specifications and prices, and contact the dealership in one tap.

Category
Automotive showroom website
Status
Live
Built with
Next.js, TypeScript, Tailwind CSS, Supabase, Vercel
Şeref Karaoğlan Motors homepage with the headline “Seçkin araçlar. Net fiyatlar.” over a rally car photo

Overview

Şeref Karaoğlan Motors is a car dealership. Its website works as a digital showroom: every vehicle has its own page with photos, specifications, an equipment list and a price, and every page leads to a direct way to get in touch.

The site is in Turkish and uses a dark, photography-led design so the vehicles stay in the spotlight.

The business need

People shopping for a car want to know what is in stock, what it costs and whether it is worth a visit before they pick up the phone.

The dealership needed a website that presents each vehicle properly, keeps the listings current as cars are sold, and makes it easy to call or message about a specific vehicle.

My contribution

  • Designed the visual direction and the layout of the showroom pages.
  • Built the vehicle listing structure: specifications, grouped equipment, status and pricing.
  • Developed the public website — homepage, vehicle listings, vehicle detail pages, accessories, sold vehicles, about and contact.
  • Built a sign-in protected admin panel for managing vehicles, accessories, brands, models and equipment lists.
  • Deployed the site on Vercel.

Key features

  • Vehicle presentation

    Featured vehicles on the homepage, a full listing page and browsing by body type, such as pick-up or sedan.

  • Search and filters

    The listing page can be filtered by brand, model, year, price range, fuel, transmission and body type, and sorted.

  • Detailed specifications

    Each vehicle page has a photo gallery, key details (year, mileage, fuel, transmission), a full specification table and an equipment list grouped by category.

  • Clear pricing

    Prices are shown on listings and vehicle pages, with a “call for price” option where the dealership prefers it.

  • Direct enquiry paths

    WhatsApp and phone buttons on every vehicle page — kept in a fixed bar with the price on phones — plus contact details, opening hours and location.

  • Accessories and sold vehicles

    A separate section for accessories and parts, and an archive of vehicles that have been sold.

  • Inventory admin panel

    A sign-in protected panel for publishing and updating vehicles and the lists behind them, without editing code.

Screenshots of the live website.

Visit Website (opens in a new tab)
Homepage with the main calls to action: browse vehicles or get in touch.
Vehicle page: photos, price and direct WhatsApp and phone contact side by side.
Vehicle listing with filters and sorting.
Homepage on a phone.
Vehicle page on a phone, with price, call and WhatsApp always in reach.

Have a project in mind?

Tell me what you’re working on. I’ll get back to you to talk through what’s needed and how I can help.