Корпоративный сайт и каталог оборудования
АНАЛИЗ
ПРОТОТИП
ДИЗАЙН
ВЕРСТКА
ЗАПУСК
Задача проекта
Создать современный корпоративный сайт, который подчеркнет экспертность компании и поможет специалистам быстро находить нужное оборудование и расходные материалы.
Важно было структурировать большой объем сложной технической информации, удобно представить каталог и сделать понятным путь от знакомства с продуктом до отправки запроса на коммерческое предложение.
Аналитика и прототип
Работу я начала с анализа направлений деятельности компании, структуры каталога и сценариев поведения пользователей.
На главной странице кратко представлены основные направления работы «Аламед», категории оборудования, специальные предложения, демо-приборы, позиции в наличии, новости и партнеры компании. Пользователь сразу понимает специализацию компании и может быстро перейти в нужный раздел.
Особое внимание я уделила каталогу. Оборудование распределено по направлениям, областям применения и производителям. Для каждого продукта создана подробная страница с описанием, техническими характеристиками, материалами для скачивания и информацией для заказа.
Дизайн и верстка
Главным визуальным элементом главной страницы стали специально сгенерированные иллюстрации. Они помогают образно показать сложные направления Life Science — клеточную биологию, геномику, биотехнологии и онкодиагностику — и делают сайт узнаваемым на фоне типовых сайтов поставщиков лабораторного оборудования.
Для каждой иллюстрации я продумала сюжет, цветовую палитру и композицию, чтобы они поддерживали общую стилистику сайта и работали вместе с контентом, а не просто украшали страницу.
Карточки, вкладки и навигационные элементы помогают удобно работать с большим объемом информации и не перегружают страницы. При этом сайт выглядит живым и современным благодаря анимации и интерактивным деталям.
Особое внимание уделено мобильной версии: каталог, меню и страницы оборудования удобно просматривать с разных устройств.
Дизайн сделан в Figma.
Реализован на платформе WordPress.
Техническая поддержка сайта
После запуска сайта я остаюсь на связи с клиентом. Слежу за тем, чтобы сайт работал корректно, обновляю программное обеспечение и регулярно создаю резервные копии.
Также я отслеживаю поведение пользователей на сайте с разных устройств, анализирую полученные данные и постепенно улучшаю структуру, интерфейс и пользовательские сценарии.
