Какие есть программы/инструменты для создания веб каталога запчастей?

Question

[Faksi]

Работаю в подборе запчастей и есть каталоги производителя в pdf и эксель формате. Так же раньше увлекался программированием. Хочется перенести эти каталоги в веб формат. Конечно можно повырезать картинки и сбоку вывести список запчастей. Но хочется больше интерактивности. Например хотя бы как тут: Ссылка на страницу каталога

скрин

Так как давно не программирую, то не знаю в какую сторону смотреть. Хочу сделать сугубо для саморазвития. Возможно есть готовые программы по типу автокад, но для веба. В веб каталогах просто поверх картинки напичканы DIVы с позиционированием относительно картинки. Но неужели это все вручную делали? (меня не пугает это, но все же). Да и как-то хочется посовременнее сделать. Может посмотреть в сторону канвас или карты изображений?
Разжевывать не нужно, сам хочу научиться. Но хотел бы у более опытных людей узнать в какую сторону смотреть и какие инструменты больше подходят под решения задачи. Сори за тонну текста.
Резюмирую:

1. Есть ли готовые решения данной задачи для веба?
   
2. Если писать с нуля, то в сторону каких инструментов смотреть? И как бы вы решали с этими инструментами задачу (поверхностно опишите)
   

Comments

[Everything_is_bad]

Подобные проекты делают целые команды профи, это не для "хочу научиться"

[Refguser]

Начни с освоения поисковых систем.

[toffi]

Может, я неточно понял, но думаю, к полосам, которые в оригинале на изображении, можно подставить небольшие цифры в редакторе изображений, а под изображением описывать на HTML-странице каждую цифру. Это на мобильных устройствах будет удобно. Но есть другой вариант: https://doka.guide/html/area/#kratko. Попробуйте этот тег. Тогда, чтобы при нажатии на цифры, которые у вас на изображении, прикрепить якорную ссылку, отправляющую к описанию на странице того, что этот набор цифр означает.