Адрес:
16192 Coastal Highway, Lewes, DE 19958 (USA)
Отдел продаж:
info@umvert.com
Поддержка:
support@umvert.com
Отдел разработки:
dev@umvert.com
Запланировать звонок
Website WorldPress

Проект JCC

Клиент: Umvert
Страна: США
Направление: Социальные организации

О проекте

Riverbend JCC — это вымышленный еврейский общинный центр, созданный как демо-проект, чтобы показать наши возможности в дизайне и разработке сайтов для некоммерческих организаций. Задача заключалась в том, чтобы передать миссию и ценности JCC и создать современную, доступную платформу для разных аудиторий и типов контента.

Мы сопровождали проект на всех этапах — от исследования до запуска: создали гибкую блочную систему, интегрировали функции для пожертвований и календаря, а также обеспечили совместимость с такими инструментами, как HubSpot, Mailchimp и Salesforce. В результате получился адаптивный и удобный сайт с понятной структурой и мощными возможностями, настроенными под потребности сообщества.

Наши цели

Разработать общую визуальную айдентику бренда на основе детального исследования известных JCC в США. Мы создали элегантный дизайн, который соответствует ключевым ценностям и миссии бренда.

  • Разработать визуальную айдентику

    Сформировать общую визуальную айдентику бренда на основе детального исследования известных JCC в США и создать элегантный дизайн, соответствующий его ключевым ценностям и миссии.

  • Создать доступный сайт

    Разработать понятный и удобный в навигации сайт для пользователей разных возрастов и с разным уровнем цифрового опыта.

  • Внедрить ключевые функции

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

  • Обеспечить адаптивность

    Обеспечить корректную работу сайта на разных экранах и устройствах: с быстрой загрузкой, стабильной вёрсткой и плавной адаптацией под разные размеры и ориентации экрана.

  • Создать вовлекающий опыт

    Создать выразительный пользовательский опыт, который помогает аудитории лучше почувствовать ценности и миссию JCC.

Этапы проекта

Мы разделили проект на несколько этапов и тщательно спланировали каждый из них, чтобы выполнить работу точно и в срок.

  1. Исследование, копирайтинг и прототипирование

    После подробного исследования мы подготовили низкодетализированные макеты, чтобы проверить логику подачи контента до перехода к визуальному дизайну. Также был подготовлен контент для сайта.

  2. Визуальная айдентика и UI-дизайн

    Мы разработали чистый, эмпатичный и удобный дизайн, который отражает социальную и общественную направленность проекта.

  3. Разработка сайта

    Чистая семантическая HTML/CSS-вёрстка с анимациями и переходами для интерактивности. Интеграция с CMS для удобного управления контентом, включая поддержку нескольких администраторов. Также был реализован сценарий пожертвований с понятным пользовательским путём и возможностью дальнейшего подключения платёжных инструментов.

  4. Тестирование и оптимизация

    Проверили доступность интерфейса по стандарту WCAG AA, включая навигацию с клавиатуры и цветовой контраст. Оптимизировали производительность для десктопов, планшетов и мобильных устройств. Проверили адаптивное поведение сайта на телефонах и планшетах, которыми пользуется целевая аудитория.

Карта сайта

На основе исследования и требований проекта мы разработали структуру сайта и прототипы для каждой страницы. Всего на базе карты сайта было создано 10 страниц.

Главная
  • Hero-блок
  • Шапка сайта
  • Hero-блок
  • Объявления
  • О нас
  • События
  • Программы
  • Блог
  • Поддержка и пожертвования
  • Футер
О нас
  • Шапка сайта
  • Hero-блок
  • Наша история
  • Наша миссия
  • Наши ценности
  • Наша команда
  • Поддержать нас
  • Футер
Календарь
  • Шапка сайта
  • Предстоящие события
  • Футер
Программы
  • Шапка сайта
  • Поиск программ
  • Футер
Занятия
  • Шапка сайта
  • О занятиях
  • Похожие программы
  • Команда
  • Подписка на email-рассылку
  • Футер
Блог
  • Шапка сайта
  • Новости и обновления
  • Футер
Локации
  • Шапка сайта
  • Карточка локаций
  • Футер
Поддержка
  • Hero-блок
  • Поддержать нас
  • Ваш вклад
  • Способы помочь
  • Футер
Контакты
  • Шапка сайта
  • Контактная информация и карта
  • Футер

Типографика, цвета и UI

Типографика

Заголовки

Manrope

Шрифт используется для основных
заголовков сайта

  • Жирный
  • Полужирный
  • Средний
  • Обычный
  • Aa
  • Aa
  • Aa
  • Aa
  • xxLarge
  • xLarge
  • Large
  • xxMedium

Основной текст

Inter

Шрифт используется
для основного текста

  • Жирный
  • Полужирный
  • Средний
  • Обычный
  • Aa
  • Aa
  • Aa
  • Aa
  • Regular
  • Small
  • xSmall
  • xxSmall

Цвета

  • #184073
  • #3E70B1
  • #EFE0AF
  • #F8F4E6
  • #8A9B6E
  • #A0785A
  • #B87D7D
  • #6C7A89

Кнопки

Основная кнопка Контурная кнопка Текстовая кнопка Ссылка

Базовые иконки [24px]

home icon menu icon list icon pin icon dashboard icon eye icon edit icon video icon calendar icon settings icon lock icon unlock icon account icon inbox arrow icon more icon camera icon trash icon star icon stats icon plus icon close icon search icon briefcase icon trash icon loading icon bell icon link icon check icon arrow right icon box icon export icon filter icon direction right icon direction down icon minus icon clock icon notes icon trash icon warning icon download icon download 2 icon drag icon help icon info icon map icon puzzle icon download icon download 2 icon circle check icon circle arrow right icon circle plus icon circle minus icon direction down icon direction up icon direction left icon direction right icon image icon phone icon account icon mail icon code icon dot icon servers icon globe icon mobile icon

Дизайн-концепция

Мы создали лаконичный и удобный дизайн с осмысленными визуальными материалами и релевантными CTA-элементами, чтобы помочь пользователям почувствовать связь с ключевыми ценностями и миссией Riverbend JCC.


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

Функции

Person using accessibility features

Функция доступности

Она позволяет пользователям настраивать элементы сайта под свой комфорт: менять размер шрифта, уровень контраста и размер изображений.

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

Accessibility settings modal
Integrations background

Ключевые интеграции для CRM, маркетинга и обработки платежей

Мы без лишних сложностей интегрировали необходимые инструменты, такие как Salesforce, HubSpot, Mailchimp, Stripe, PayPal и другие, чтобы обеспечить удобное управление сайтом.

Salesforce

Salesforce

Ведущая CRM-платформа, которая централизует клиентские данные, помогает управлять лидами и оптимизирует процессы продаж и маркетинга.

Hubspot

Hubspot

Универсальная платформа для маркетинга, продаж и клиентского сервиса, которая помогает компаниям привлекать и вовлекать клиентов.

Stripe

Stripe

Платёжная платформа, которая позволяет компаниям безопасно принимать онлайн-платежи через API и встроенные сценарии оплаты.

Mailchimp

Mailchimp

Платформа для автоматизации маркетинга, email-кампаний, управления аудиторией и повышения вовлечённости клиентов.

PayPal

PayPal

Популярная цифровая платёжная система, которая позволяет клиентам быстро и безопасно оплачивать покупки сохранёнными способами оплаты.

Jewish calendar interface
Calendar detail view

Еврейский календарь

Эта функция встроена прямо в сайт: она удобно конвертирует даты и помогает пользователям отслеживать еврейские праздники и другие важные события.

Check

Быстрая конвертация дат между григорианским и еврейским календарями для планирования и ведения документации.

Check

Полный список праздников, постов и памятных дней с описаниями и уровнем значимости.

Check

Точное время зажигания субботних и праздничных свечей для конкретного местоположения пользователя.

Расширенные плагины безопасности

Мы разработали и интегрировали кастомный плагин безопасности с файрволом, антивирусной защитой, антиспамом, безопасным входом и другими функциями.

Расширенный поиск

Эта мощная функция позволяет пользователям искать по любым ключевым словам и сразу получать релевантные новости, события, публикации и другие результаты.

Search functionality interface
Mobile search interface

Чем мы можем помочь вам сегодня?

Заполните форму ниже, и мы свяжемся с вами в течение 24 часов, чтобы назначить вводный звонок.

Согласие