Skip to content
Back to ProjectsPlatform Website

Case Study · Platform Website

Kabadiking

Sell scrap online and connect with verified buyers.

  • Next.js
  • React
  • Tailwind CSS
  • SEO
Overview

What it is

A content-driven website connecting sellers with local scrap buyers, presenting indicative rate references and an enquiry path, deployed on a custom domain. It targets first-time sellers who want an idea of value before committing to a pickup.

Problem

The objective

Sellers hesitate without a price reference, and rates change often. The objective was to publish indicative rates in a maintainable way and clearly mark them as indicative rather than fixed quotes.

Solution

How it was solved

Rate references live in structured data and render into tables, so updating a rate is a data change rather than a markup edit. Enquiry actions sit next to the rates a visitor is reading.

  • Rate content separated from presentation so updates never touch components.
  • Reusable table and card components shared across categories.
  • Static rendering with a custom domain deployment.
Features

Key features

Rate reference data

Indicative rates stored as structured data and rendered into readable tables.

Buyer enquiry

Enquiry actions placed beside the rate content a visitor is reading.

Search-oriented pages

Descriptive titles and headings aimed at local selling intent.

Stack

Technology

Frontend

  • Next.js
  • React
  • Tailwind CSS

Other

  • SEO metadata
  • Custom domain
Approach

Development approach

  • Rate content separated from presentation so updates never touch components.
  • Reusable table and card components shared across categories.
  • Static rendering with a custom domain deployment.
UI / UX

Interface decisions

  • Rate tables that stay readable at mobile widths without horizontal scroll.
  • Clear labelling that rates are indicative, not fixed quotes.
  • Short paths from any page to the enquiry action.
Challenges

Challenges & solutions

Rate tables broke layout on narrow screens.

Tables reflow into stacked rows below the small breakpoint.

Rates change and were hard to maintain inside markup.

Moved to a single data module consumed by every rate view.

Screenshots

A look at the interface

4 project images
Links

Project links

Live DemoSource for this project is private.
Next Project

Bright Future

A K-12 school site with clear information architecture.

Read case study