Задачи: представить организацию Швейцарского Красного Креста в Беларуси, рассказать про ее работу, инициативы и проекты, предоставить врачам, медикам, представителям общественных и государственных организаций доступ к актуальной информации по деятельности ШКК в Беларуси;
рассказать, что ШКК исполнилось 150 лет;
предоставить сотрудникам ШКК в Беларуси инструмент для публикации информации.

Решение: в компании разработали сайт с проектами, материалами и новостями ШКК. Пользователь узнает о проектах и последних мероприятиях ШКК в Беларуси и получит доступ к нужным материалам. Отдельную страницу посвящаем истории ШКК и юбилею. Весь сайт привязан к админке — сотрудники ШКК наполняют его актуальными материалами.



swissredcross.by
На первом экране рассказываем про последние события с участием ШКК, используем слайдер с крупными репортажными снимками
Последняя новость автоматически подтягивается со страницы новостей
Кратко рассказываем про основные проекты ШКК и даем ссылки на ресурсы, связанные с ними
Показываем самые новые документы, акты, договоры и другие материалы по проектам ШКК
Рассказываем про историю ШКК и основные направления деятельности организации

На странице Экспертизы показываем новости и материалы по каждому направлению деятельности ШКК. Предусмотрели два сценария: по первому пользователи будут изучать материалы в хронологическом порядке, по второму пользователям будут интересны материалы и новости связанны с одной определенной темой. По умолчанию на странице выводятся новости и материалы в хронологическом порядке.

swissredcross.by
Для сортировки по темам на сайте создана система тегов, сотрудники ШКК могут создавать новые теги
Формат определяется автоматически, в зависимости от контента и количества публикаций

На странице Новости показываем только события связанные с работой ШКК в Беларуси. Делим их на группы по месяцам.

swissredcross.by
Сортируем новости по тегам
Каждая новость помечается тегом, связанным с направлением деятельности ШКК

Поиск по новостям проверяет все публикации.

swissredcross.by
В результатах поиска выделены все места, где встречаются слова из поискового запроса

В этом году ШКК реализует в Беларуси 6 основных проектов. Представляем их в форме коротких карточек. По клику на них пользователь попадает на страницу проекта.

swissredcross.by
Проекты сортируются по тегам
В карточке — краткое описание проекта

Даем пользователям средство связи с организацией: можно задать вопрос, запросить материалы, договориться о встрече.

swissredcross.by

В проекте несколько текстовых страниц: о ШКК, страница новости и страница проекта. У каждой из них своя задача, разрабатываем для каждой свой шаблон. Страницы новости и проекта наполняются из админки.

Вдохновение для верстки черпаем в швейцарской типографики.

Используем поля для акцидентных элементов — фотографий и фактоидов

Готовим адаптив и мобильную версию.

Заказчик предоставил структуру сайта и примерное содержание для каждой страницы.Часть текстов тоже есть. Приступаем к работе и рисуем прототипы страниц. Начинаем с главной.

Готовим первый концепт главной.

swissredcross.by

Клиент в целом одобряет, но просит все немного успокоить и переделать блок с проектами. Убираем красные цифры и красную плашку.

swissredcross.by

Клиент просит изменить дизайн некоторых блоков и изменить их порядок.

swissredcross.by
Оставляем одну последнюю новость и переносим наверх страницы, после него ставим проекты ШКК
Добавляем блок с документами и другими ресурсами ШКК

Макет утвержден.

Готовим макет страницы О нас.

swissredcross.by

Макет утвержден в первой итерации.

Параллельно идет работа над страницей новостей.

swissredcross.by
Сразу же вводим систему тегов для сортировки по ключевым словам.
Последнюю новость выделяем — увеличиваем размер иллюстрации, ставим по центру отдельно от остальных новостей.

Во время работы клиент уточняет, что сортировать новости нужно будет по экспертизам, унифицируем внешний вид тегов в экспертизах и новостях.

Добавляем поиск.

Готовим страницу с результатами поиска.

swissredcross.by
В результатах выделяем слова, который вводились при поиске

Макеты приняты.

Работаем над страницей новости. Макет сразу принимают.

swissredcross.by
Оставляем широкие поля, используем их для фактоидов и небольших иллюстраций. Выходит по-швейцарски

Приступаем к странице проектов, готовим первый вариант.

Клиент просит использовать один из первых вариантов блока Деятельность ШКК на главной странице.

swissredcross.by

Клиент принимает макет.

Готовим страницу проекта. Основную стилистику копируем со страницы новости — она понравилась клиенту.

swissredcross.by
Во всех проектах есть постоянные графы: кто осуществлял проект, для кого, когда где; группируем их и выносим в таблицу
Важные числовые данные дублируем на полях в фактоидах