Разработка корпоративного сайта

NTAG General Trading работает на международном рынке и занимается поставками сырьевых и сельскохозяйственных товаров, а также организацией логистики между поставщиками и покупателями.

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

Дизайн сайта уже был подготовлен заказчиком в PDF. Наша задача заключалась в том, чтобы превратить статичный дизайн-концепт в полноценный работающий веб-сайт — с адаптивной версией, интерактивными элементами, анимациями и возможностью управления контентом через WordPress.

На старте у нас не было классического рабочего макета в Figma — дизайн был предоставлен в PDF.

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

При этом статичный PDF не содержал всех деталей поведения интерактивных элементов. Поэтому часть анимаций и их сценариев уточнялась уже в процессе реализации.

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

Для проекта мы разработали собственную WordPress-тему и реализовали сайт с учётом структуры предоставленного дизайна.

В рамках разработки:

• сверстали одностраничный корпоративный сайт;
• разработали WordPress-тему;
• настроили CMS;
• реализовали необходимый функционал;
• добавили формы обратной связи;
• реализовали анимации;
• подготовили адаптивную версию;
• перенесли предоставленный заказчиком контент;
• выполнили базовую SEO-настройку.

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

Отдельное внимание уделили адаптивной версии сайта.

Необходимо было сохранить визуальный характер исходного дизайна на разных устройствах, поэтому элементы лендинга адаптировались под размеры экранов, а не просто масштабировались.

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

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

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

На странице представлены:

• информация о компании;
• миссия и видение;
• основные направления деятельности;
• преимущества и особенности работы;
• подход компании;
• информация для потенциальных партнёров;
• форма обратной связи.

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

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

Сайт был установлен на сервер заказчика, после чего мы:

• настроили необходимое окружение;
• подключили домен;
• настроили SSL;
• проверили работу сайта после публикации;
• передали заказчику необходимые доступы.

Таким образом, проект прошёл полный путь от предоставленного дизайн-концепта до опубликованного сайта, доступного пользователям по основному домену.

В результате NTAG General Trading получила готовый корпоративный сайт, который представляет компанию, её направления деятельности и возможности для международных партнёров.

Мы сохранили исходную визуальную концепцию и превратили её в полноценный адаптивный веб-продукт с анимациями, WordPress и необходимым функционалом.

При этом заказчику не пришлось отдельно заниматься технической частью запуска: мы взяли на себя подготовку дизайна к разработке, реализацию сайта, настройку CMS, перенос контента, базовую SEO-настройку и публикацию проекта на сервере.

Итог — современный корпоративный лендинг на WordPress, реализованный по готовому дизайну и полностью подготовленный к работе в production.