TENGEN - производитель электротехнического оборудования

Дизайн

Главная страница сайта встречает посетителей современным и динамичным дизайном, который сразу же погружает в атмосферу инновационных решений и технологического прогресса.

В верхней части страницы располагается лаконичный, но информативный хедер с четко структурированным меню и лаконично интегрированным минималистичным логотипом компании.

Главная страница разделена на функциональные блоки:

• Слайдер с актуальной информацией;
• Каталог продукции;
• Преимущества компании;
• Новостная лента;
• Реализованные проекты;
• Подписка на новостную рассылку.

Особое внимание уделено визуальному оформлению: используются качественные фотографии и анимационные элементы, которые не перегружают страницу, но делают её более привлекательной и информативной.

Футер содержит всю необходимую контактную информацию, ссылки на социальные сети и юридические документы. При этом он остается легким и не утяжеляет общую композицию сайта.

Страница «О компании» знакомит посетителей с историей и достижениями компании Tengen — одного из крупнейших производителей электротехнического оборудования. Компания основана в 1999 году и с тех пор демонстрирует впечатляющий рост, завершившийся успешным выходом на Шанхайскую фондовую биржу в 2020 году.

Tengen располагает четырьмя современными промышленными центрами и тремя научно-исследовательскими базами. Компания гордится высокой степенью автоматизации производства (более 95%) и собственной аккредитованной лабораторией. В 2024 году компания вышла на российский рынок, расширив свой товарооборот.

Компания придерживается трех основных ценностей: забота о клиенте, стремление к совершенству и технологическое развитие. Особое внимание уделяется прозрачности работы и соблюдению этических стандартов.

Страница оформлена в современном стиле с использованием профессиональных фотографий и схем, демонстрирующих производственные мощности и достижения компании.

Каталог продукции Tengen представляет собой интуитивно понятную систему навигации с продуманной адаптивной версткой для всех типов устройств.

В десктопной версии каталог реализован через многоуровневое выпадающее меню с анимацией переходов между категориями. При наведении курсора на основные разделы раскрывается структура с подкатегориями. Плавные CSS-анимации подчеркивают интерактивность интерфейса и улучшают пользовательский опыт. Мобильная версия каталога реализована через клик на кнопку с удобной системой раскрытия категорий под карточкой.

Страницы товаров содержат:

• Высококачественные изображения с возможностью увеличения;
• Полные технические характеристики;
• Подробное описание;
• Цену и наличие на складе;
• Возможность сравнения товаров;
• Документы о продукте;
• Аксессуары к выбранному товару.

«База знаний» на сайте Tengen включает внутренние страницы вебинаров с календарем, статьями и видеоматериалами. Эти страницы содержат блоки с информацией, изображениями, видео и другими элементами. Все страницы базы знаний отображаются в меню.

Страница «Карьера» содержит информацию о вакансиях компании, требованиях к кандидатам, условиях работы и возможностях карьерного роста. Здесь также можно найти поля для обратной связи, чтобы договориться о собеседовании.

Страница «Реализованные проекты» демонстрирует успешные проекты, выполненные компанией Tengen. Это помогает подчеркнуть опыт и профессионализм компании, а также увидеть результаты работы над различными проектами.

Раздел «Поддержка» на сайте Tengen представляет собой комплексный центр помощи пользователям, где собраны все необходимые инструменты для решения вопросов и получения консультаций.

Страница «Гарантия и сервис» содержит полную информацию о гарантийных обязательствах компании. Здесь можно найти:

• Условия предоставления гарантии;
• Порядок обслуживания;
• Контакты технического отдела.

«Часто задаваемые вопросы» организованы в виде удобного раскрывающегося списка, который содержит релевантные вопросы, ответы на которые структурированы и легко читаемы. Система позволяет быстро найти нужную информацию по ключевым словам.

Раздел «Техническое консультирование» предлагает поддержку по вопросам выбора, установки и эксплуатации оборудования. Здесь доступна форма обратной связи с возможностью прикрепления файлов.

Страница «Контакты» предоставляет всю необходимую информацию для связи с компанией:

• Адреса;
• Номера телефонов;
• Email;
• Социальные сети.

Визуальное оформление включает интерактивную карту с отметкой расположения офиса. Форма обратной связи включает поля ввода и чек-бокс на согласие с обработкой персональных данных пользователей. Дизайн адаптирован под различные устройства, обеспечивая удобный доступ как с компьютеров, так и с мобильных устройств.

Личный кабинет Tengen предоставляет пользователям доступ к различным функциям и информации о заказах и включает следующие страницы:

• Текущие заказы - здесь отображаются все активные заказы, которые пользователь разместил в системе;
• История заказов - на этой странице можно просмотреть историю всех заказов, которые пользователь когда-либо делал в системе. Здесь можно найти информацию о заказах и их статусах выполнения;
• Настройки аккаунта - на этой странице пользователи могут настроить свой аккаунт, изменить пароль, контактные данные и другие параметры;
• Корзина - позволяет пользователям просматривать товары, добавленные в корзину, и редактировать список перед оформлением заказа. Здесь можно просмотреть информацию о товарах, количестве, цене и общей сумме заказа;
• Оформление заказа - предоставляет возможность пользователям завершить процесс оформления заказа, введя необходимые контактные данные клиента, способ оплаты и доставки. После подтверждения заказа система автоматически отправляет информацию о заказе поставщику.

Страница генерации прайс-листа предоставляет возможность создания и обновления прайс-листов компании. Пользователи могут ознакомиться с информацией и скачать необходимые материалы.

Чтобы получить прайс-лист, пользователю необходимо войти в систему или зарегистрироваться. После можно будет просмотреть и скачать прайс-лист.

Страница сравнения товаров предлагает пользователям удобный функционал для анализа и сравнения различных продуктов. Эти инструменты позволяют сравнивать характеристики, облегчая выбор между несколькими вариантами.

Умный поиск использует алгоритмы искусственного интеллекта для предоставления наиболее релевантных результатов при вводе запросов, учитывая предыдущие поисковые запросы и историю посещений.

Страница регистрации используется для создания нового аккаунта на сайте. На ней пользователь указывает свои личные данные, создаёт логин и пароль для входа в свой профиль.

Также отдельно было отриcовано дизайнером всплывающее окно авторизации, которое появляется при попытке входа в личный кабинет.

Страница восстановления пароля предназначена для тех случаев, когда пользователь забыл свой пароль. На этой странице можно ввести адрес электронной почты, связанный с аккаунтом, и получить ссылку для сброса пароля и инструкции по его восстановлению другим способом.

Разработка и адаптация

После утверждения дизайна сайта наш программист выполнил верстку и разработку: превратил макеты в работающий адаптивный сайт, настроили корректное отображение на всех устройствах, оптимизировал скорость загрузки и протестировал кроссбраузерность. Адаптивная мобильная версия сайта Tengen обеспечивает удобство просмотра и навигации для пользователей мобильных устройств. Она автоматически подстраивается под разные размеры экранов, предоставляя оптимальный пользовательский опыт. Это помогает привлечь больше посетителей и улучшить позиции сайта в поисковых системах.

В целом, интернет-магазин компании Tengen представляет собой отлично сбалансированное сочетание информативности и технологичности, где каждый элемент работает на достижение главной цели — привлечения и удержания внимания посетителей, побуждая их к дальнейшему взаимодействию с компанией.

Техническая поддержка

После завершения разработки сайта компания Tengen подписала с нами договор на техническую поддержку. Это позволило выстроить долгосрочное сотрудничество: мы не только обеспечиваем бесперебойную работу ресурса, но и постоянно вносим улучшения — от мелких правок и обновлений контента до внедрения новых функций и оптимизации под задачи бизнеса. Благодаря этому сайт развивается вместе с компанией и остается актуальным инструментом для её клиентов.