Open to new conversations
Index of workJob 014 of 030
014Freelance2023 — 24

Better Cars Japan

A Japanese car export platform in Angular and .NET

UI/UX and full-stack work on Better Cars Japan, a Tokyo-based exporter of Japanese cars: responsive Angular screens, .NET APIs documented in Swagger, image optimisation and hardened authentication.

Live site — bettercarsjapan.jp
  • AngularJS
  • C#
  • .NET
  • REST APIs
  • Swagger
  • UI/UX design
  • Brotli
  • gzip
  • Token & session auth
Job ticketNo.014
Built at
Freelance
Sector
Automotive
Region
JP
Period
2023 — 24
Role
Freelance UI/UX designer and full stack developer
Team
Part of the development team
Operations
  • Web platform
  • CMS
  • Back end
Checked
Live
ABrief

Better Cars Japan is a Tokyo-based exporter that sells new and used Japanese cars to buyers abroad, with thousands of vehicles in stock to search by make, body type, features and destination country, and a great many photos to serve.

I joined its development team as a freelance UI/UX designer and full stack developer, working on the customer-facing platform, its CMS and management screens, and the .NET back end behind them.

The aim was a smooth, engaging journey from search to enquiry, on a system that stays fast as listings and traffic grow.

BWhat I did
  1. Op 01

    Designed intuitive UI/UX that improves navigation and the overall user journey.

  2. Op 02

    Built responsive, cross-browser interfaces in AngularJS, including CMS and management screens.

  3. Op 03

    Integrated APIs documented in Swagger and supported core functionality in .NET (C#).

  4. Op 04

    Built an image-optimisation module with Brotli and gzip compression.

  5. Op 05

    Added new database tables and APIs, and hardened token- and session-based authentication.

  6. Op 06

    Protected assets from unauthenticated access.

  7. Op 07

    Helped scale the vehicle listings, search and user interaction while keeping them fast.

COutcome
  • Lighter image delivery through Brotli and gzip compression.
  • Assets that can no longer be reached without signing in.
  • A responsive platform for browsing and searching imported cars.
DSchematicHow it fits together

Under the hood

AngularJSsite · CMS screens.NET APIsC# · SwaggerAuthtoken + sessionImage moduleBrotli · gzipAssetssigned-in onlyListingsnew tables
  1. AngularJS (site · CMS screens).NET APIs (C# · Swagger)
  2. .NET APIs (C# · Swagger)Auth (token + session)
  3. .NET APIs (C# · Swagger)Image module (Brotli · gzip)
  4. .NET APIs (C# · Swagger)Listings (new tables)
  5. Auth (token + session)Assets (signed-in only)
Angular screens talk to .NET APIs; images are compressed on the way out and assets sit behind authentication.
EPrintsLive screens

From the live site

Better Cars Japan home page: stock counters, search by make and country, and the car filter form
Print 01Better Cars Japan home page: stock counters, search by make and country, and the car filter form
Better Cars Japan New Arrivals and Recommended grids of Japanese used cars
Print 02Better Cars Japan New Arrivals and Recommended grids of Japanese used cars
Better Cars Japan on a phone: search by make, body type and features
Print 03Better Cars Japan on a phone: search by make, body type and features
Next job015United Wound CareMedical records and wound-care platform on Drupal