HealthShop

The homepage

The homepage works as a storefront. At the top is a header with navigation to Products, Delivery and payment, and Contacts, plus a cart button with an item counter. Below it comes the first screen with a large headline and a brand photo. Ready-made bundles and popular products follow, leading the visitor into the catalog.

A catalog with filters

The catalog filters by category and by price: under 1,000 rubles, 1,000 to 3,000, and over 3,000. Products sort by price in both directions and alphabetically, and the “Show more” button loads the next batch. The “Details” button opens a description with the price, where the quantity can be picked right away.

Cart and order

The cart collects the order in a table: name, category, quantity, price, and the sum for each item, with the total and a “Place order” button below. Quantity changes right in the row. The order lands in the distributor’s email and Telegram instantly, and the sale is closed in a conversation with the customer.

A custom admin panel

The admin panel was written for this store specifically. The distributor adds products, changes prices and categories, and checks order statistics there, and can update the catalog at any time.

Stack and migration

The interface is built with Next.js, TypeScript, Tailwind CSS, and shadcn/ui, and the server runs on Express and MongoDB. The store started on Vercel and later moved to a dedicated server with CI/CD.

SEO from day one

The domain was brand new, so the search structure came before the store itself. The set of search queries was split into groups, and categories and product cards follow them. Metadata, markup, the list of pages for search engines, and indexing settings were all ready at launch.

In one week the project went from an empty repository to the first orders arriving straight in the distributor’s Telegram.