Website WorldPress

Case Study: JCC

Client: Umvert
Location: United States
Industry: Social Services

About the Project

Riverbend JCC is a fictional Jewish Community Center created as a demo project to showcase our design and development capabilities for nonprofit organizations. The goal was to reflect the mission and values of a JCC while building a modern and accessible platform that supports diverse audiences and content types.

We handled the project from research to deployment, creating a flexible block-based system, integrating donation and calendar features, and ensuring compatibility with tools like HubSpot, Mailchimp, and Salesforce. The result is a responsive, user-friendly website with a clean structure and powerful features tailored to community needs.

Our goals

To develop the overall visual identity of the brand after carefully researching prominent US-based JCCs. We created an elegant design for the brand that aligns with its core values and mission.

  • Develop Visual Identity

    Develop the overall visual identity of the brand after carefully researching prominent US-based JCCs. We created an elegant design for the brand that aligns with its core values and mission.

  • Create Accessible Website

    Create an accessible, easy-to-navigate website that is user-friendly for individuals across different age groups and with varying levels of internet proficiency.

  • Implement Key Features

    Implement key, relevant features such as improved web accessibility, advanced search, and integration with relevant tools and platforms.

  • Ensure Responsiveness

    Ensure seamless website responsiveness to allow for a flawless browsing experience, fast load time, consistent layouts, and fluid adaptation to various screen sizes and orientations.

  • Create Engaging Experience

    Create an engaging storytelling experience to help users connect with the values and mission of the JCC.

Steps of the Project

We divided the project into multiple milestones and phases, each carefully planned to guarantee on-time and accurate completion.

  1. Research, Copywriting, and Prototyping

    Low-fidelity layouts were created after extensive research to test content flow before moving into the visual design stage. The website content was also prepared.

  2. Visual Identity and UI Design

    We developed a clean, empathetic, and user-friendly design that reflects the social and communal aspects of the project.

  3. Website Development

    Clean, semantic HTML/CSS with animations and transitions for interactivity. CMS integration for easy content management (support for multiple admins). Donation flow connected to existing or new payment infrastructure.

  4. Testing & Optimization

    Accessibility tested (WCAG AA level), including keyboard navigation and color contrast. Performance optimized for desktop, tablet, and mobile. Responsive behavior reviewed on phones and tablets used by the target visitor demographic.

Site map

Based on the research and project requirements, we designed a site map, wireframes, and prototypes for each page. In total, we created 10 pages for the website based on the site map.

Home page
  • Hero block
  • Header
  • Hero block
  • Announcements
  • About us
  • Events
  • Programms
  • Blog
  • Support & donate
  • Footer
About us
  • Header
  • Hero block
  • Our history
  • Our mission
  • Our values
  • Our team
  • Support us
  • Footer
Calendar
  • Header
  • Upcoming events
  • Footer
Programs
  • Header
  • Find programs
  • Footer
Classes
  • Header
  • About classes
  • Related prog.
  • Team
  • Join our email
  • Footer
Blog
  • Header
  • News & updates
  • Footer
Venues
  • Header
  • Card of venues
  • Footer
Support
  • Hero block
  • Support us
  • Your impact
  • Ways to give
  • Footer
Contact Us
  • Header
  • Contact info + map
  • Footer

Typography, Colors & UI

Typography

Heading

Manrope

The font is used in the main
headlines of the website

  • Bold
  • SemiBold
  • Medium
  • Regular
  • Aa
  • Aa
  • Aa
  • Aa
  • xxLarge
  • xLarge
  • Large
  • xxMedium

Paragraph

Inter

The font is used
in body text

  • Bold
  • SemiBold
  • Medium
  • Regular
  • Aa
  • Aa
  • Aa
  • Aa
  • Regular
  • Small
  • xSmall
  • xxSmall

Colors

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

Design Concept

We created a sleek, user-friendly design with meaningful imagery and relevant CTAs to connect users with the core values and mission of the Riverbend JCC.


Additionally, essential features and tools were incorporated to ensure seamless website management and maintenance after project completion and handover.

Features

Person using accessibility features

Accessibility feature

This enables users to adjust website elements such as font sizes, contrast levels, and image sizes to their comfort level.

We've also integrated a text-to-speech option along with other relevant features to ensure maximum accessibility.

Accessibility settings modal
Integrations background

Essential Integrations for CRM, Marketing, and Payment Processing

We've seamlessly integrated relevant tools such as Salesforce, HubSpot, Mailchimp, Stripe, PayPal, etc. to ensure smooth website management.

Jewish calendar interface
Calendar detail view

Jewish Calendar

This feature is built directly into the website, providing convenient date conversion and helping users stay up to date with Jewish holidays and other important events.

Check

Quickly convert dates between the Gregorian and Jewish calendars for planning and documentation.

Check

A complete list of holidays, fasts, and memorial days with descriptions and significance levels.

Check

Accurate Shabbat and holiday candle-lighting times for your specific location.

Advanced security plugins

We developed and integrated a custom security plugin that provides a firewall, antivirus protection, antispam, secure login, and many more features.

Advanced search functionality

This powerful feature enables users to search for any keywords and instantly receive relevant news, events, posts, and other results.

Search functionality interface
Mobile search interface

Would you like to discuss your project?

Leave your contact information and we will contact you within an hour to discuss the project and answer any questions you may have.
Согласие