Menu
Nephroclub – проект для помощи людям
с хроническими болезнями почек
О проекте
Каждый десятый человек в мире находится на некоторой стадии болезни почек,
а один из трех - в группе риска её возникновения. Проект призван помочь людям с
болезнями почек на разных стадиях, предоставляя информацию о том как лечить,
поддерживать себя в этот непростой период.
Задачи агенства
СТИЛИСТИКА Создать стилистику сайта на
основе одного логотипа
ДИЗАЙН САЙТА Разработать дизайн сайта для
смартфонов и десктоп устройств
УПРАВЛЕНИЕ КОНТЕНТОМ Разработать удобную админ-панель
для управления контентом сайта
Разработка стилистики
для сайта
Все что у клиента было изначально - это логотип его организации.
Мы предложили использовать логотип как основу для создания
будущей стилистики, которая выразится в наборе фирменнных
цветов и графических элементов.
логотип
NEPHROCLUB Логотип состоит из человечков
выстроенных по кругу и их цветов. Для
создания стилистики мы опирались на
округлые формы человечков и светлые
пастельные цвета логотипа.
цветовая схема
Зеленый
#3d8e82
Желтый
#f3f3e4
графические элементы
Пример №1
Пример №2
Пример №3
Пример №4
Дизайн сайта
Чтобы сделать опыт использования сайта максимально удобным
для людей с болезнями почек, мы учитывали ряд ограничений.
Кроме того, по просьбе клиента мы создали удобную гибкую
систему для размещения контента на все страницах сайта.
01
Mobile first
Поскольку большинство людей используют смартфон в качестве основного устройства для просмотра контента, мы применили подход, при котором в первую очередь проектируется мобильная версия сайта, и только после этого - десктоп версия.
02
Плохое зрение
у пользователей
У людей с болезнями почек зрение часто хуже чем у тех, у кого почки более здоровые. Поэтому все тексты на сайте мы сделали немного больше, чем делаем обычно. Таким образом опыт использования сайта стал ещё более удобным для ЦА.
03
Гибкая сетка сайта
Чтобы клиент мог размещать контент так, как ему удобно, мы разработали гибкую сетку для сайта. С её помощью можно комбинировать различные варианты расположения текста и изображений. При этом сайт выглядит привлекательно и ифнормативно на десктопе и смартфон версиях.
04
типографическая
система
Чтобы у клиента был выбор в стилизации текста при оформлении статьи, мы придумали систему из разных заголовков, подзаголовок и текста параграфа, которую очень просто применять при оформлении статей из админ-панели.
Результат
Мы создали десктоп и смартфон версию сайта, который учитывает
ограничения пользователей, написан с применением актуальных
технологий, учитывает потребности и бюджет клиента.
Управление контентом сайта
Чтобы клиент мог удобным для себя образом размещать контент на
сайте, мы разработали админ-панель, выполнили первичное
размещение контента и записали видеоуроки, чтобы в будущем
клиент мог сам размещать текст и изображения на сайте.
01
Дизайн админ-панели
Админ панель написана на Laravel - это технология, которая позволяет
выбирать какие функции отобразить, а какие - нет. Таким образом мы
отобразили лишь те функции, которые нужны клиенту в его повседневных
задачах, например: разместить новый блок с текстом, отредактировать
существующий, заменить изображение и т.д.
02
Первичное размещение контента
Чтобы клиент как можно быстрее увидел сайт в готовом виде, мы
собираем весь контент в таблицу и самостоятельно размещаем его на
сайте. Таким образом мы помогаем клиенту запустить сайт быстрее, ведь
ему не нужно разбираться в том как устроена админ-панель и тратить
время на заполнение контента.
03
Видео-уроки по управлению контентом
Когда сайт готов, мы записываем видео с демонстрацией того, как управлять
админ-панелью. Мы показываем как выполнять конкретные повседневные
задачи - создания блока с текстом, редактирование написанного текста,
размещение и удаление изображений и т.д.
Результаты
01СТИЛИСТИКА Создали стилистику сайта
на основе одного
логотипа
02ДИЗАЙН САЙТА Разработали дизайн сайта
для смартфонов и десктоп
устройств
03УПРАВЛЕНИЕ КОНТЕНТОМ Разработали удобную
админ-панель для управления
контентом сайта