Сайт-лендинг фиксеров для иностранных СМИ в Украине
О проекте и задаче
Fixers — это украинская команда фиксеров и военных журналистов, которые занимаются не только созданием новостных сюжетов, но и организацией максимально комфортной работы иностранных пресс-команд в Украине: от встречи в аэропорту до организации съёмок в самых горячих точках.
Чтобы рассказать о своей деятельности, команде не хватало минималистичного, презентабельного и бюджетного в разработке сайта / лендинга на английском языке. Webnauts всегда открыты и готовы давать организациям и брендам то, чего им так не достаёт. В особенности если приходится иметь дело с такими серьёзными, достойными и особенными проектами, как Fixers.
Технологическое решение
CMS WordPress
Для сайта-одностраничника как нельзя лучше подходит CMS WordPress — одна из самых популярных платформ в силу своей безопасности, простоты использования и неограниченных возможностей. Удобная настройка, поисковая оптимизация, интеграция с платёжными сервисами — это только часть из тех преимуществ, благодаря которым мы выбираем WordPress. Да что там, платформу используют такие гиганты, как The New Yorker, Reuters, TechCrunch, Fortune и многие другие крупные СМИ. Уверены, это станет хорошим знаком для команды Fixers, особенно в ближайшем мирном будущем.
Но не символизмом единым: команда Webnauts хорошо поработала, чтобы получить впечатляющий результат. Ведь WordPress — это не всегда про создание шаблонного сайта без кода, особенно если у заказчика есть готовый уникальный дизайн. Поэтому при разработке сайта мы применили такие языки как HTML, CSS, JS и PHP.
Дизайн и навигация сайта
Как вы уже поняли, сайт разработан в полном соответствии с дизайном, который предоставил нам клиент. Минималистичное оформление интерфейса похоже на страницу авторитетного журнального издания: только качественные фото, контрастные заголовки и текст о главном в виде колонок. В палитре сайта доминирует белый и чёрный цвет, в том числе и в анимации: все эффекты ограничиваются изменением цвета при ховере на кнопки. При всём при этом дизайн сайта не выглядит простым, а скорее смелым в своей простоте.
Первый экран
Первый экран встречает посетителей профессиональной фотографией репортёра на фоне взрывов, которая подчёркивает тематику сайта и особенно трогает своей подписью: «фото предоставлено Максом Левином» — украинским журналистом, погибшим на войне.
Необычайно крупный буквенный логотип и чуть менее крупный слоган подкрепляют главную фотографию и служат началом интригующей истории. Напоследок посетителю остаётся обратить внимание на миниатюрное меню из трёх разделов: «Services», «Team», «Contacts».
Контраст в типографике
Как вы успели заметить, в дизайне интерфейса преобладает контраст размеров: фото и заголовки наряду с другими элементам совсем не стесняются своей массивности и даже гордятся своей важностью.
Что касается типографики, то ей присущ ещё и контраст начертаний: жирный текст заметно выделяется на фоне текста с более тонким шрифтом того же стиля. Этот приём исключает всякую необходимость «размазывать» контент по нескольким разделам. Всё и так предельно ясно: слева — история команды, справа — перечень услуг, а внизу — конверсионная кнопка:
Для заголовков был использован стильный квадратный шрифт Chakra Petch со скошенными углами. Выбор шрифта был символичен, так как он прекрасно подходит для цифровых и печатных СМИ. К тому же он ассоциируется с мужественностью и стойкостью. Основному тексту присущ более тонкий и простой для восприятия шрифт без засечек.
Наши клиенты
Данный блок вышел суперлаконичным и немногословным, хотя по важности он не уступает другим разделам сайта и закономерно продолжает историю команды, подтверждая её профессионализм. Просто имена известных мировых СМИ, с которыми сотрудничают Fixers, не нуждаются в представлении. Они уютно и без лишних слов разместились вдоль экрана в две горизонтальные строки:
К тому же, виднеющиеся фотографии следующего раздела дают пользователю понять, что дальше ещё есть контент — реалистичный, естественный, и потому вызывающий ещё больший интерес.
Аутентичное знакомство с командой
Блок сайта, знакомящий нас с командой, получился стильным и аутентичным. Три фотографии фиксеров, размещённые во весь экран, не только привлекают внимание, но и вызывают доверие. Ведь снимки сделаны в реальных условиях войны при исполнении профессиональных обязанностей каждого из членов команды:
Кроме того, подкупает непринужденная форма знакомства в виде простого приветствия и имени. Менее крупным шрифтом буквально в нескольких словах узнаём о специализации членов команды. И как только наш взгляд опускается ниже на более мелкий серый текст, необоснованная скромность фиксеров достигает своего апогея. Потому что здесь мы не просто знакомимся с перечнем всемирно известных СМИ, но и можем перейти по активным ссылкам на конкретные статьи, появление которых стало возможным благодаря сотрудничеству этих СМИ с командой Fixers.
Вне всякого сомнения, такое знакомство имеет все шансы перейти в искренние и крепкие отношения с аудиторией.
Контакты
Все способы связаться с фиксерами приведены в подвале сайта, визуально разделённого на две части: жёлтая содержит в себе контакты, а чёрная предлагает пользователю оставить свой эмейл для подписки на новости компании:
Адаптивность
Все блоки и элементы сайта автоматически подстраиваются под дисплей абсолютно любого размера. Именно поэтому сайт отлично смотрится на всех устройствах: компьютерах, ноутбуках, планшетах и смартфонах.
Функциональность сайта
Админка
Админка на WordPress — это отдельный вид удовольствия: она помещается на одном экране, и управлять контентом не только приятно, но и до смешного легко. Все поля админ-панели быстро и удобно редактируются. Взгляните сами:
Плагины
Это инструменты WordPress, способные расширить возможности сайта в зависимости от конкретных потребностей компании. Кстати, некоторые из них стали причиной супер удобной админки, которую мы хвалили выше. Итак, в данном проекте мы использовали следующие плагины:
- Contact Form 7 (CF7) — для обеспечения обратной связи с посетителями сайта.
- SVG Support — для интеграции SVG изображений на сайте.
- WP File Manager — для быстрого доступа к файлам с меню администратора.
- Advanced Custom Fields (ACF) — для быстрого редактирования контента сайта в одном простом меню.
Итоги
Проект Fixers — ярчайший пример того, как простой и серьёзный сайт может вызывать по-настоящему эстетическое наслаждение и несомненное доверие. Скромность и строгость оформления выводит на первый план его величество контент — аутентичные фото, меткие заголовки, небезызвестные имена и реальные факты. Вот так дизайнерские макеты, окропленные потом наших разработчиков, превратились в осязаемый, стильный и адаптивный сайт-лендинг услуг фиксеров для СМИ в Украине.
