Toyota Top Motors

What it is

toyota-topmotors.mn is the website of Toyota Top Motors, an official Toyota dealer in Mongolia with a showroom in Ulaanbaatar and a second branch in Ömnögovi. It is built with Next.js and Framer Motion on a NestJS, GraphQL, MongoDB and Redis backend. The design started from a Figma file; the finished front end follows its concept but is not a copy of it.

What the site does

• New cars. A catalogue of the models on sale (RAV4, Land Cruiser 70, 250 and 300, Hilux, Hiace, Granvia, Alphard), filtered by body type (SUV, sedan, pickup, van, MPV) with search. Visitors can put up to three models side by side to compare.
• Model pages. Each model has its trims (for the Land Cruiser 300: GX.R, VX, ZX, GR.S), key figures such as engine, gearbox, power and torque, a price, a colour picker, a 360° view, petrol and diesel versions, and a loan calculator.
• Booking. A three-step request: a new car order, a test drive, or a service visit (the service option is marked as being improved).
• Toyota-Q. Certified used cars from official dealers, with a 150-point inspection, trade-in against a new car and consignment selling, and filters by name, price and mileage.
• Shop. Yokohama tyres filtered by rim size and season, BRAID wheels and GR merchandise.
• Order tracking. A buyer enters the last five digits of the VIN to follow the shipment of the car they ordered.
• Service, news and help. A service page for Toyota and Lexus, news posts, a FAQ and branch details.

Behind the site

An admin panel, which is not public, controls the content and the requests that come in from the site.