О проекте
Ортэкспо — основанная в 1993 году компания-производитель выставочных стендов из Санкт-Петербурга, реализующая проекты для российских и зарубежных заказчиков. Обратились за разработкой современного сайта-визитки, выполняющего функцию портфолио и каталога выполненных проектов. SEO не требуется, задача привлечения новых клиентов из поиска не стоит.
Команда проекта
- Дмитрий Чебанько, руководитель проекта
- Надежда Ахраменко, веб-разработчик
Задача
Разработать сайт-визитку для производителя выставочных стендов. Заказчик предоставил макет основных страниц сайта. Дополнительные требования к функционалу: необходимо реализовать мультиязычность и сделать нестандартную форму заявки с возможностью приложения к ней примеров проектов из портфолио заказчика.
Решение
Выбрали лёгкий стек: чистый WordPress + Advanced Custom Fields, без блочных редакторов. Для мультиязычности использовали TranslatePress с нейросетевым переводом и ручной редактурой. Форму заявки с «корзиной» проектов реализовали кастомным кодом, не подключая WooCommerce. Это обеспечило высокую скорость работы и простоту поддержки.
Ключевые факты
Как мы работали
Выбрали технологический стек
В качестве CMS выбрали WordPress — легкий, бесплатный и простой в использовании движок, отлично подходящий для корпоративных сайтов. Для обеспечения высокой скорости отклика страниц и простоты дальнейшей технической поддержки также решили отказаться от использования блочных редакторов (Gutenberg, и уж тем более Elementor) в пользу популярного плагина Advanced Custom Fields.
Сверстали сайт по макету
Заказчик обратился к нам с готовым макетом сайта, включающим в себя:
- главную страницу, она же — каталог проектов
- страницу с ценами на услуги
- страницу с типовыми готовыми решениями
- страницу с информацией о компании и списком клиентов
- страницу с контактными данными
Мы сверстали шаблоны страниц и «натянули» верстку на WordPress.
Реализовали форму заявки с функцией «корзины»
ТЗ включало в себя описание нестандартной формы заявки, которая позволяла бы прикладывать примеры проектов из портфолио. Вместе с тем, фотографии проектов в портфолио должны просматриваться в формате галереи, а также скачиваться архивом на устройство посетителя.
Реализацию прикрепления примера проекта к заявке сделали так же, как работает добавление товара в корзину интернет-магазина. Поскольку полный функционал интернет-магазина на сайте не нужен, мы обошлись без использования тяжелого и избыточного по функционалу модуля WooCommerce, написав под нужды заказчика именно тот код, который требовался для работы формы. Не больше и не меньше.
Добавили мультиязычность
Реализовать поддержку английского языка на сайте можно было несколькими путями:
- Разместить скрипт для перевода содержимого страницы на лету в сервисе Google Translate
- Сделать по 2 версии каждой страницы сайта — для заполнения на русском и английском языках
- Воспользоваться одним из плагинов для мультиязычных сайтов на базе WordPress
Первый вариант не устроил нас в плане качества (Google Translate дает дословный перевод, часто режущий глаз своей неестественностью носителям языка), а второй вариант стал бы слишком сложным в поддержке. Поэтому решили реализовывать английскую версию сайта с использованием плагина TranslatePress.
Плагин позволяет автоматически перевести контент сайта на нужный язык через нейросеть с возможность ручного редактирования перевода любого элемента. Это удобно: можно быстро запустить англоязычные страницы, а уже следующим этапом исправить на них огрехи нейросетевого перевода.
Провели базовую SEO-оптимизацию
Несмотря на то, что заказчик не был заинтересован в SEO, мы решили что сдавать сайт «как есть» было бы неправильно. Поэтому бесплатно провели минимальную SEO-оптимизацию сайта: заполнили мета-теги Title и Description, добавили файл robots.txt с типовыми директивами для сайтов на WordPress, установили SSL-сертификат и настроили редирект с HTTP на HTTPS.
Замерили скорость сайта
Благодаря использованию «чистого» WordPress и минимального количества подключенных плагинов у нас получился легкий и быстрый сайт, который моментально загружается в том числе и на мобильных устройствах с нестабильным качеством работы интернета.
Кэширующие плагины не подключали. При правильной реализации архитектуры сайта на WordPress в них просто нет необходимости.
Проверили сайт вместе с заказчиком, внесли правки и сдали проект
Правки касались мелких визуальных элементов: анимации при наведении курсора на электронную почту, иконки с размерами в карточке проекта и тому подобных вещей. Правок было мало, поскольку с самого начала сайт создавался в максимальном соответствии с макетом.
Результаты
При разработке сайта для компании Ортэкспо мы заложили качественную и надежную базу, с которой сайт можно без проблем использовать долгие годы. А в случае необходимости он легко масштабируется до многостраничного сайта с потенциалом для SEO-продвижения.
Заказчик получил готовый к наполнению контентом сайт. Ну а мы еще раз подтвердили на практике, что даже небольшой проект можно делать качественно и с вниманием к деталям.