Научная группа больше тридцати пяти лет развивает методику прогнозирования месторождений нефти, газа и твёрдых полезных ископаемых. Сайт для этой методики сделал Евгений Росляков. Сайты разрабатываю с 2016 года. Я самозанятый: оформляем договор, после сдачи вы получаете закрывающие документы. Работаю из Москвы и удалённо, этот проект — с заказчиком в Швейцарии.
Методика защищена как ноу-хау, поэтому своего сайта у группы долго не было. Международные проекты ведёт швейцарская компания, и сайт делался для неё.
Аудитория узкая и строгая: инвесторы и держатели лицензий на разведку. Читатель здесь — скептик с геологическим образованием. Яркие обещания только усиливают его недоверие, а громкий дизайн выглядит как реклама сомнительного стартапа.
Ещё одно условие задачи: читатели из разных стран. Значит, несколько языков, и каждая версия должна находиться в поиске своей страны.
Моя роль в этом проекте — создание сайта целиком: структура, дизайн, разработка и запуск.
Дизайн сдержанный, почти академический. Много белого, точная типографика, синий цвет науки и красный только для главного действия. Ничего, что отвлекает от содержания.
Страница выстроена как научная статья: проблема рынка, решение, принцип, преимущества, экономика, практика, сотрудничество. Геолог читает в таком порядке всю жизнь, и ему не нужно привыкать к странной логике лендинга.
Начинаю не с методики, а с того, сколько стоит разведка без неё. Несколько таблиц с ориентировочными сроками и стоимостью этапов по международной практике. Таблицы сделал на чистом HTML5 с правильной семантикой, а на телефоне они не ломаются и не ужимаются до нечитаемого размера: прокручиваются по горизонтали.
Вместо раздела «О компании» на сайте письмо руководителя группы с архивными фотографиями и рукописной подписью. Для скептика это сильнее любого перечня регалий.
Международное SEO и продвижение заложил в структуру. Четыре языковые версии: английская основная, немецкая, французская и итальянская. Каждая — отдельная страница со своим адресом, а не перевод скриптом на лету. У поисковика на каждом языке есть своя страница, а версии связаны между собой разметкой языковых альтернатив, чтобы немецкий читатель попадал на немецкую версию.
Оптимизация скорости страницы шла с первого дня, а не в конце. Стили на CSS3 без фреймворков, один небольшой файл. Шрифты только нужных начертаний. Фотографии в современных форматах и нужных размерах под каждый экран. Никаких сторонних скриптов, счётчиков с десятком запросов, виджетов. Результаты проверял в Google PageSpeed Insights на мобильной и десктопной версии после каждого крупного изменения.
Сложная методика объяснена спокойно и с цифрами, а условия сотрудничества понятны с первого визита. Читатель видит экономику до того, как ему рассказывают о преимуществах.
Вся страница грузится за 7 запросов и весит 113 КБ. Это меньше одной фотографии на среднем корпоративном сайте. Для читателей из полевых офисов и с медленным интернетом это важно не меньше, чем для поиска.
Каждая из четырёх языковых версий живёт своей страницей, и в поиске её можно найти на родном языке читателя.
Ограничение честное: контент на четырёх языках требует дисциплины. Любая правка в одной версии должна попадать в остальные, и это делает заказчик со своими переводчиками. Я подготовил структуру так, чтобы правки были простыми: текст отделён от вёрстки.
Если вам нужен сайт для сложной, научной или технической темы, который читается спокойно и открывается мгновенно в любой стране, напишите мне через freelance.ru. Расскажите, кто ваши читатели и на каких языках они говорят.
