Сайт-лендинг фиксеров для иностранных СМИ в Украине
О проекте и задаче
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 — ярчайший пример того, как простой и серьёзный сайт может вызывать по-настоящему эстетическое наслаждение и несомненное доверие. Скромность и строгость оформления выводит на первый план его величество контент — аутентичные фото, меткие заголовки, небезызвестные имена и реальные факты. Вот так дизайнерские макеты, окропленные потом наших разработчиков, превратились в осязаемый, стильный и адаптивный сайт-лендинг услуг фиксеров для СМИ в Украине.
Про проект та завдання
Fixers — це українська команда фіксерів та військових журналістів, які займаються не лише створенням сюжетів новин, а й організацією максимально комфортної роботи іноземних прес-команд в Україні: від зустрічі в аеропорту до організації зйомок у найгарячіших точках.
Щоб розповісти про свою діяльність, команді не вистачало мінімалістичного, презентабельного та бюджетного у розробці сайту/лендінгу англійською мовою. Webnauts завжди відкриті та готові давати організаціям та брендам те, чого їм так не дістає. Особливо якщо доводиться мати справу з такими серйозними, гідними та особливими проектами, як Fixers.
Технологічне рішення
CMS WordPress
Для сайту-односторінника якнайкраще підходить CMS WordPress – одна з найпопулярніших платформ в силу своєї безпеки, простоти використання та необмежених можливостей. Зручне налаштування, пошукова оптимізація, інтеграція з платіжними сервісами – це лише частина тих переваг, завдяки яким ми вибираємо WordPress. Так що там, платформу використовують такі гіганти, як The New Yorker, Reuters, TechCrunch, Fortune та багато інших великих ЗМІ. Впевнені, це стане добрим знаком для команди Fixers, особливо у найближчому мирному майбутньому.
Але не символізм єдиний: команда Webnauts добре попрацювала, щоб отримати вражаючий результат. Адже WordPress — це не завжди про створення шаблонного сайту без коду, особливо якщо замовник має готовий унікальний дизайн. Тому при розробці сайту ми застосували такі мови як HTML, CSS, JS та PHP.
Дизайн та навігація сайту
Перший екран
Перший екран зустрічає відвідувачів професійною фотографією репортера на тлі вибухів, яка підкреслює тематику сайту і особливо торкається своїм підписом: «фото надане Максом Левіном» — українським журналістом, який загинув на війні.
Контраст у друкарні
Як ви встигли помітити, у дизайні інтерфейсу переважає контраст розмірів: фото та заголовки поряд з іншими елементами зовсім не соромляться своєї масивності і навіть пишаються своєю важливістю.
Що стосується друкарні, то їй властивий ще й контраст накреслень: жирний текст помітно виділяється на тлі тексту з тоншим шрифтом того ж стилю. Цей прийом унеможливлює «розмазувати» контент по кількох розділах. Все і так гранично ясно: ліворуч історія команди, праворуч перелік послуг, а внизу конверсійна кнопка:
Для заголовків використали стильний квадратний шрифт Chakra Petch зі скошеними кутами. Вибір шрифту був символічним, оскільки він чудово підходить для цифрових та друкованих ЗМІ. До того ж він асоціюється із мужністю та стійкістю. Основному тексту властивий тонший і простий сприйняття шрифт без засічок.
Наші клієнти
Цей блок вийшов суперлаконічним і небагатослівним, хоча за важливістю він не поступається іншим розділам сайту і закономірно продовжує історію команди, підтверджуючи її професіоналізм. Просто імена відомих світових ЗМІ, з якими співпрацюють Fixers, не потребують представлення. Вони затишно і без зайвих слів розмістилися вздовж екрана у два горизонтальні рядки:
Автентичне знайомство з командою
Блок сайту, що знайомить нас із командою, вийшов стильним та автентичним. Три фотографії фіксерів, розміщені на весь екран, не лише привертають увагу, а й викликають довіру. Адже знімки зроблені в реальних умовах війни під час виконання професійних обов’язків кожного з членів команди:
Крім того, підкуповує невимушена форма знайомства у вигляді простого привітання та імені. Менш великим шрифтом буквально кількома словами дізнаємося про спеціалізацію членів команди. І як тільки наш погляд опускається нижче на дрібніший сірий текст, необґрунтована скромність фіксерів досягає свого апогею. Тому що тут ми не просто знайомимося з переліком всесвітньо відомих ЗМІ, але й можемо перейти за активними посиланнями на конкретні статті, поява яких стала можливою завдяки співпраці цих ЗМІ з командою Fixers.
Поза всяким сумнівом, таке знайомство має всі шанси перейти в щирі та міцні стосунки з аудиторією.
Контакти
Всі способи зв’язатися з фіксерами наведені в підвалі сайту, візуально поділеного на дві частини: жовта містить контакти, а чорна пропонує користувачеві залишити свій емейл для підписки на новини компанії:
Адаптивність
Функціональність сайту
Админка
Адмінка на WordPress – це окремий вид задоволення: вона міститься на одному екрані, і керувати контентом не тільки приємно, але й до смішного легко. Усі поля адмін-панелі швидко та зручно редагуються. Погляньте самі:
Плагіни
Це інструменти WordPress, які здатні розширити можливості сайту в залежності від конкретних потреб компанії. До речі, деякі з них спричинили супер зручну адмінку, яку ми хвалили вище. Отже, у цьому проекті ми використовували такі плагіни:- Contact Form 7 (CF7) — для забезпечення зворотного зв’язку з відвідувачами сайту.
- SVG Support — для інтеграції SVG зображень на сайті.
- WP File Manager — для швидкого доступу до файлів з меню адміністратора.
- Advanced Custom Fields (ACF) — для швидкого редагування контенту сайту в одному простому меню.
Комментарии