Rafselfmedika
A pharmaceutical company's site where every one of a hundred products gets its own page, alongside the factory floor plans and the community work behind the brand.
Rafselfmedika makes medicines and health products, from syrups and tablets to eye ointments, infusions and capsules, and wanted a site that could carry its whole range in detail, not as thumbnails in a grid. It also wanted to show where the products come from: the factory, its layout floor by floor, and the free health events the team runs.
Built on the same React and Vite foundation as its sister pharmaceutical sites, it goes further on the catalogue: a hundred products, each with a dedicated detail page you can link to directly.
A page for every product
The catalogue is a CSV parsed with PapaParse, with descriptions that run over several lines and keep their formatting. Every product gets its own route with its brand, active ingredient, pack, dosage form, indications and price, so a pharmacist can share a link straight to one item. The list page searches by name and filters by dosage form, and the catalogue was expanded to its full range in a single data update without touching a component.
Results
100
Products, each with its own page
2
Floors of factory plan on the site
18
Dosage forms, from syrup to infusion
Built with
- React
- Vite
- React Router
- Tailwind CSS v4
- PapaParse
- Embla Carousel
- Cloudinary
Related Work
