Сайт-лендінг фіксерів для іноземних ЗМІ в Україні
Про проект та завдання
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) — для швидкого редагування контенту сайту в одному простому меню.
