Снабжение горнодобывающей промышленности
Сделать сайт, который создаст образ надёжного поставщика. Без фальшивого пафоса, но с намёком на «мы знаем, где лежат лучшие детали для вашего экскаватора».
Крутяк!
Ты прям, как наш клиент
Собери экскаватор
Разработка на 1С-Битрикс; Наполнение; Базовая seo-оптимизация; Дизайн сайта; Фирменный стиль, 3D модели; Верстка; Программирование; Регистрация сайта в 2ГИС, Яндекс Бизнес; Настройка аналитики
Клиент
«СГП» — снабжает горнодобывающую промышленность запчастями. Оригинальными и не очень, но всегда качественными. Как шахтёрский фонарик в кромешной тьме — светит, даже если его уронили в угольную пыль.
Но, если копнуть...
- Нет фирстиля. Да что там — нет даже намёка на логотип. Просто три буквы «СГП», которые клиент придумал за пять минут между регистрацией ООО и первым звонком поставщику.
- Название временное. Сегодня «СГП», завтра — «Гигантские Гайки». Нам нужен логотип, но так, чтоб название можно было сменить в будущем, не потеряв узнаваемость.
- Ноль контента. Ни фото, ни видео, ни «достижений». Только обоснованная уверенность клиента, что его услуги — топ.
- Запрет на съёмки. Хочешь показать экскаватор? Только если нарисованный.
Ключевое понимание:
Нельзя сделать убедительный сайт без визуальной идентичности. Поэтому:
- Начинаем с логотипа и айдентики — создаём основу для всего.
- Лого должно быть универсальным — чтобы работало даже при смене названия.
- Контент заменяем 3D-графикой — раз фото нельзя.
- Сайт становится финальным этапом — собирает всё воедино.
Как мы выкрутились
Логотип, который переживёт апокалипсис
Раз название может измениться — главное, фирменный знак
Тайные ингредиенты:
- Куб = символ логистики (коробки, грузы, «доставим даже в шахту»).
- Карьер = уступы угольного карьера (похожие на огромные ступени к центру земли), отсылка к горнодобывающей отрасли.
- Шестигранник = намёк на гайки и запчасти.
Цвета логотипа
Если, аббревиатура в названии у клиента изменится, мы без труда подставим новую к знаку, визуальная идентичность при этом останется прежней.
Цвета:
Ярко жёлтый (как любимый экскаватор клиента)
Тёмно синий (как уголь в 5 утра)
Пыльно-белый (для посвященных)
Применение стиля в web
Фирменный стиль
Иногда клиенту нужен не сайт, а стратегия. Мы начали с фундамента (лого), а затем «надстроили» остальное — как результат клиент получит не просто сайт, а цельный образ (узнаваемый знак + стиль + digital).
Сайт без фото?
Легко!
Раз нельзя снимать технику — сделали 3D-рендеры. Клиент принёс нам игрушечный экскаватор (металлический, тяжеленный — пацаны из техподдержки до сих пор в него играют).
На основе игрушки смоделили:
- Гусеницу и ковш-для главной страницы (чтобы сразу ясно — компания про технику).
- 4 стильных рендера экскаваторов для раздела “Оборудование”.
3D моделирование
Минимализм + намёк на индустриальность
- Светлый дизайн (чтобы не напоминало угольную шахту).
- Анимации при скролле (оживили даже скучный текст про поставки).
- Весёлая 404 («Ой, страница не найдена. Ищем с лупой»).
- Адаптивность (красиво на всех устройствах).
Анимация
Смотрите, «Оно» шевелится!
Несмотря на кажущуюся простоту, в динамике вы обнаружите — заголовки движутся, фон живой.
Зайди и посмотри:
sgpco.ru
Адаптив
-
Desktop
-
Tablet
-
Phone
Запускаем
-
Подготовка и настройка сайта
- Получаем SSL-сертификаты
- Настройка редиректов (правила)
- Настройка отправки писем через SMTP
- Настроенная админ-панель — только необходимые поля, с понятными названиями
- Внедрили систему защиты от спама на формы
-
SEO и техническая оптимизация
- Каждая страница имеет Open Graph разметку
- На каждой странице заполнен meta Description и meta title, отличный от h1
- Настройка вывода canonical для каждой страницы
- Все внешние ссылки открываются в новом окне и закрыты от индексации
- Корректное оформление meta-тегов для страницы 404
- Создаём sitemap
- Оптимизация загрузки сайта с проверкой на сервисе pagespeed.web.dev
- Оптимизируем все загружаемые фото и документы
- Верстка по стандарту W3C с проверкой на сервисе validator.w3.org
- SEO-оптимизация при помощи сервиса pr-cy.ru
-
Доступность
- Каждое изображение имеет alt. Также добавлена ленивая загрузка для всех изображений вне поля видимости первого экрана
- Добавлено уведомление для пользователей со старым браузером о необходимости его обновить (шаблон)
-
Юридическая и пользовательская документация
- Предупреждение об использовании файлов cookie (шаблон)
-
Написали:
«Политика использования cookies»;
«Политика в отношении обработки персональных данных»;
«Согласие на обработку персональных данных» (шаблон).
-
Аналитика и финальные проверки
- Настраиваем и устанавливаем Яндекс.Метрику
- Проверяем тексты на грамматические ошибки через ИИ
Результат (или «что выкопали»)
Прошло 3 месяца...
- Клиент получил не просто сайт, а полноценный айдентик (лого, стиль, даже наклейку на пикап).
- 3D-графика спасла ситуацию с отсутствием контента.
- Сайт выглядит солидно, но без пафоса-— как и сам «СГП».
- Быстрая загрузка — высокий уровень оптимизации.
Финал:
«СГП» пришёл за сайтом, а ушёл с узнаваемым брендом. Теперь их знак — как отпечаток лапы саблезубого тигра на угольном пласте: даже если название поменяется, все поймут, кто здесь главный по запчастям.
Таймлайн проекта "СГП"
Нужен сайт?
Можем!