ДжазТим — надежный технологический партнер

Agile разработка ПО на Java

Представительский сайт сервиса переводов

Краткое описание проекта

Сервис, для которого создавался сайт, позволяет локализовать программное обеспечение, приложения, игры и документы более чем на 70 языков мира. Также с помощью сервиса пользователь может создавать рекламные видеоролики с озвучкой. На сайте представлена информация (на более чем 40 страницах), описывающая возможности сервиса, подключены основные инструменты SEO аналитики, обеспечена возможность размещения контекстной рекламы, а весь контент представлен на 6 языках.

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

На сайте можно ознакомиться со следующим:

  • Описанием процессов локализации, тестированием.
  • Примерами работ по созданию видео и озвучки.
  • Отзывами клиентов, которые заказывали услуги сервиса.

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

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

Техническое описание проекта

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

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

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

Когда библиотека Next.js предоставила возможность гибридного рендеринга, получилось улучшить показатели скорости загрузки страниц.

Затем перешли на полностью статическую генерацию. Для размещения сайта был выбран хостинг firebase. Он размещает статические активы, а затем распределяет их по своим глобальным CDN (Content Delivery Network), обеспечивая тем самым быстрый доступ к ним из любой точки планеты. Серверную часть, которая занимается обработкой форм и редиректов, разместили в облачных функциях firebase.

Обязанности команды ДжазТим

  • Работа в тесной связке с дизайнером, маркетологами, переводчиками и менеджерами проекта.
  • Реализация задуманных дизайнером интерфейсов.
  • Оптимизация скорости загрузки страниц сайта.
  • Подключение инструментов аналитики.
  • Реализация бэкенд-части на Node.js для организации редиректов и обработки заказов.

Используемые технологии

Container (hosting): Firebase.
Stack: React, Node.js, CSS, HTML.
Infrastructure: Git, IntelliJ IDEA, Trello, InVision, Sentry.
Frameworks: Next.js.
Other libraries: Express.js, GSAP, Lodash, nodemailer.

Особенности проекта

  • Мультиплатформенная вёрстка: страницы адаптированы для разных браузеров, под управлением разных операционных систем и размеров экрана. Минимально поддерживаемая ширина — 320px. Максимальная — не ограничена.
  • Реализация всех задач с уклоном на повышение производительности.

Результаты проекта

  • Сайт сервиса переводов был переписан полностью с нуля.
  • Настроена автоматическая оптимизация изображений для разных устройств при сборке.
  • Подключены основные инструменты SEO аналитики (Google Analytics, Яндекс Метрика).
  • Статическая генерация страниц на стороне сервера.
  • Бэкенд часть была выполнена на Node.js.
  • Сайт полностью оптимизирован для SEO.
  • Добавлен tag-менеджер, что позволяет производить глобальную аналитику сайта по множеству метрик.
  • Была выполнена оптимизация скорости загрузки страниц за счёт перехода на хостинг firebase.

Достижения компании на проекте

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

Скриншоты

Свяжитесь с нами, чтобы обсудить Ваш IT-проект

    Имя *

    Название компании

    Email *

    Телефон

    Чем мы можем Вам помочь? *

    * – Обязательные поля для заполнения