Case Study: Designing the Beitelzoo Experience

About the Project

Beitel Zoo (also known as Ephraim Farm) is a long-standing children's zoo and educational sanctuary located in Israel. Their original website (beitelzoo.com) was built with basic structure and limited responsiveness, primarily serving as a simple info hub.

However, as the zoo's activities expanded — including community events, educational programs, animal sponsorships, and farm tours — the old platform no longer reflected the warmth, mission, or modern needs of the organization.

Our team was tasked with a full redesign, both visually and structurally, to deliver a modern, engaging, and emotionally resonant website that could support donations, storytelling, and visitor interaction.

Our goals

  • icon

    Redesign the visual identity to reflect the natural, playful, and family-friendly vibe of Beitel Zoo, while still comemorating its history.

  • icon

    Create a fully responsive site that's accessible to a wide age group (kids, parents, teachers, donors).

  • icon

    Preserve the existing site structure and multilingual content, but update it for clarity and usability.

  • icon

    Implement donation functionality and make "Calls to Action" (like visiting, volunteering, and sponsoring animals) more intuitive.

  • icon

    Support media storytelling through a flexible content system with photos, videos, and blog updates.

Steps of the Project

The project consisted of several milestones and phases. Each stage was meticulously planned to actively collaborate with the client and integrate their valuable input, ensuring maximum client satisfaction and delivering a solution that truly meets their vision for the project.

  1. icon sope

    Content Inventory

    Every visual and written element has been crafted to reflect the spiritual depth and heritage of the Jacob Sheep with dignity and symbolism.

  2. icon sope

    UX Planning & Wireframing

    • Designed a new wireframe emphasizing hierarchy: mission → animals → visit → support;
    • Simplified menus and improved accessibility with larger buttons and text for younger and older audiences;
    • Built flows for donations, animal sponsorships, and blog/news updates.
  3. icon sope

    Development

    • Clean semantic HTML/CSS with animation and transitions for interactivity;
    • CMS integration for easy content management (support for multiple admins);
    • Multilingual functionality preserved (Hebrew + English, RTL support);
    • Donation flow connected to existing or new payment infrastructure (TBD).
  4. icon sope

    Testing & Optimization

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

Site map

Home page
Our History
Projects
Sponsors & Partners
The Animal Corner
Blog
FAQ
Contacts
Donate

Typograpghy, Colors & UI

We chose 2 distinct fonts: a modern serif font for all headings and a minimal readable font for all body text. Complementary brown hues were chosen to emphasize the project's natural elements.

Typography

Benzin-
Regular

The font is used in the main headlines of the website

  • RegularAa

Inter

The font is used in level 2 headings (H2), 3 levels (H3) and in the description text

  • BoldAa
  • SemiBoldAa
  • MediumAa
  • RegularAa
  • LightAa

Base icons [24px]

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

Project icons [72px]

icon icon icon icon icon icon icon

Social media [24px]

  • #BF844C
  • #42523D
  • #718A4F
  • #9BAD84
  • #E2DBC9

Design concept

We created a minimalistic and user-friendly design, with stunning, sentimental visual imagery and content to foster a deep connection between the viewer and the rich history of the Beitelzoo.

Strategically integrated e-commerce sections were then seamlessly incorporated to showcase shofars available for purchase.

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.
Согласие