Международная логистика · Разработка сайтов
ТамараИнвест: сайт логистической компании на чистом коде
Логистический холдинг, доставка грузов из Китая, Азии и Европы. Сайта не было. Нужно было быстро запустить простой сайт, на котором клиент поймёт, чем занимается компания, и оставит заявку.
- 89скорость на телефоне
- 98скорость на компьютере
- 318 КБвес страницы на телефоне
- Клиент
- ТамараИнвест
- Сайт
- tilog.by
- Отрасль
- Международная логистика
- Услуги
- Разработка сайтов
- Технологии
- HTML, CSS, JavaScript без библиотек
Задача
До этого у компании сайта не было. Задача: быстро сделать простой сайт на чистом коде, без CMS и конструктора, чтобы клиенты могли узнать об услугах и оставить заявку.
Что сделали
- Глубоко проанализировали рынок конкурентов и потребности целевой аудитории.
- Собрали структуру из девяти разделов на одной странице: о компании, преимущества, услуги, вопросы, галерея, отзывы, карьера, заявка, контакты.
- Описали шесть услуг: доставка из Китая, выкуп товаров, страхование грузов, доставка из ЕС и Азии, негабаритные и мультимодальные перевозки.
- Написали сайт на HTML, CSS и небольшом скрипте, без CMS, конструктора и внешних библиотек.
- Добавили три языка: русский, английский, китайский.
- Поставили кнопку заявки в шапку и в первый экран, форму вынесли в отдельный раздел.
Фишки проекта
Конкретные решения, которые мы сделали, и зачем.
-
Чистый код без CMS и конструктора
- Что сделано
- Сайт собран из HTML, CSS и одного небольшого скрипта, без движка, плагинов и внешних библиотек.
- Зачем
- Нужен был быстрый запуск простого сайта. Чистый код не требует обновлений движка и плагинов, ломаться нечему.
- Что это даёт
- Страница весит 318 КБ на телефоне, главный поток не блокируется (TBT 0 мс), вёрстка не сдвигается (CLS 0).
-
Одна страница с якорями
- Что сделано
- Девять разделов на одной странице, меню ведёт к ним якорями: о компании, преимущества, услуги, вопросы, галерея, отзывы, карьера, заявка, контакты.
- Зачем
- Компании без сайта нужно сразу показать всё главное, не заставляя посетителя искать нужное по страницам.
- Что это даёт
- Клиент листает один экран за другим и в любой момент возвращается к заявке из меню.
-
Три языка: русский, английский, китайский
- Что сделано
- Переключатель RU / EN / 中文 в шапке.
- Зачем
- Компания возит грузы из Китая и работает с партнёрами в Азии, часть контрагентов читает на английском и китайском.
- Что это даёт
- Информацию можно показать контрагенту на его языке.
-
Понятный первый экран
- Что сделано
- Заголовок «Надёжные поставки из Китая», строка «Китай · Азия · Европа · СНГ», две кнопки («Оставить заявку» и «Смотреть услуги») и три плашки: Sea · Air · Rail, Cargo Insurance, 100% Tracking.
- Зачем
- Посетитель должен за секунды понять, чем занимается компания и что делать дальше.
- Что это даёт
- Главное действие, заявка, доступно с первого экрана.
-
Вопросы и ответы
- Что сделано
- Раздел «Частые вопросы» из девяти раскрывающихся ответов.
- Зачем
- Клиент логистической компании приходит с типовыми вопросами о сроках, условиях и документах.
- Что это даёт
- Часть вопросов закрыта до разговора с менеджером.
Слово команды
Главным было не усложнять. Сайт открывается мгновенно и сразу объясняет, чем занимается компания и как оставить заявку. Всё остальное можно добавить потом.
Спасибо клиенту
Клиент дал нам полный карт-бланш и минимальное количество вводной информации! Важна была скорость реализации и запуска проекта. Ждем к нам опять)
Как выглядит сейчас
Результаты
Скорость и качество страницы
Что значат оценки
- Скорость
- Как быстро страница открывается и начинает работать, от 0 до 100.
- Доступность
- Насколько страницей удобно пользоваться людям с особенностями зрения, слуха и движений, и программам чтения.
- Рекомендации
- Современные приёмы в коде страницы: безопасность, актуальные стандарты, отсутствие ошибок в консоли.
- SEO
- Базовая техническая готовность страницы к поисковикам (на закрытом от индексации превью занижена).
- Цвета
- Зелёный: 90 и выше, оранжевый: от 50 до 89, красный: ниже 50. Скорость на телефоне меряем на медленной 4G, на компьютере в обычных условиях.
Телефон
- 89 Скорость
- 89 Доступность
- 100 Рекомендации
- 100 SEO
Разброс скорости между запусками: 88–89
- Появление главного блока (LCP)
- 3,1 с
- Время блокировки (TBT)
- 0 мс
- Сдвиг вёрстки (CLS)
- 0
- Вес страницы
- 318 КБ
Компьютер
- 98 Скорость
- 89 Доступность
- 100 Рекомендации
- 100 SEO
Разброс скорости между запусками: 97–98
- Появление главного блока (LCP)
- 0,9 с
- Время блокировки (TBT)
- 0 мс
- Сдвиг вёрстки (CLS)
- 0
- Вес страницы
- 442 КБ
Слово клиента
Сделали очень быстро и четко, провели беседу, узнали как хочу, подписали бумаги и выдали результат.
Сергей, tilog.by
Что бы сделали иначе
Главной была скорость запуска, поэтому кое-что осталось на потом.
- Если бы время позволяло, оптимизировали бы сайт под PageSpeed сильнее.
Об услуге
Разрабатываем сайты, которые понятно объясняют продукт и приводят заявки: от анализа рынка и дизайна до запуска и аналитики.
Ваш проект
Следующий кейс с эффектным проектом может быть ваш
Опишите задачу. Мы оценим её бесплатно, назовём срок и цену и честно скажем, что делать не стоит.
- Оценка задачи бесплатная.
- Назовём срок и цену.
- Скажем, что делать не стоит.
- проектов в портфолио
- 3
- клиентов
- 300+
- лет опыта
- 15+
- специалистов в команде
- 45+
Подробно подскажем, с чего начать и сколько это займёт.
