Future for the OTEF

A movement for the Gaza-envelope communities

Defining the visual identity and design system for a movement - in real time.

Role

UX/UI Designer · volunteer

Scope

UX · Brand · Design system

Platform

WIX

Year

2023

Overview

Overview

Overview

A design system, built in real time

A design system, built in real time

A design system, built in real time

A non-political movement founded after October 7th, to give Gaza-envelope communities a direct voice in the region's recovery.

"Future for the OTEF" represents these communities in dialogue with the government, keeping them directly involved in rehabilitation and long-term development. I joined the founding team as a volunteer - shaping the UX, defining the visual identity and building the website's design system in real time, adapting as field needs changed by the day.

The Challenge

The Challenge

The Challenge

Design at crisis speed

Design at crisis speed

Design at crisis speed

A movement born in crisis needed a clear, credible presence - fast.

Content priorities, information structure and a visual identity all had to be defined in real time, under uncertainty, changing by the day. And it had to speak to very different audiences at once: local residents, the general public, and government stakeholders.

Distributors handle high volumes of orders and complex logistics across many branches. The existing site
was transactional — it processed orders but offered no way to track, analyze or manage the operation. The challenge was turning it into a control center without overwhelming the people using it.

Working in real time

Working in real time

There was no time for a long discovery phase. I set up a flexible design system the team could build on immediately, so the site could grow and shift without losing consistency as priorities changed.

There was no time for a long discovery phase. I set up a flexible design system the team could build on immediately,
so the site could grow and shift without losing consistency as priorities changed.

Who I designed for

Who I designed for

Who I designed for

Three audiences

Three audiences

Residents, advisors and activists — each needing something different from the same site.

Noam Simchi

Kibbutz resident, Otef

I want a say in how we rebuild.

Strengthen community resilience and recovery

Take part in decision-making

Stay informed on rehabilitation updates

Noam Simchi

Kibbutz resident, Otef

I want a say in how we rebuild.

Strengthen community resilience and recovery

Take part in decision-making

Stay informed on rehabilitation updates

Noam Simchi

Kibbutz resident, Otef

I want a say in how we rebuild.

Strengthen community resilience and recovery

Take part in decision-making

Stay informed on rehabilitation updates

Ariella Katz

Strategy & Policy Advisor

I need to know what the community actually needs.

Identify and prioritize local needs

Stay in direct contact with residents

Track community sentiment in real time

Ariella Katz

Strategy & Policy Advisor

I need to know what the community actually needs.

Identify and prioritize local needs

Stay in direct contact with residents

Track community sentiment in real time

Ariella Katz

Strategy & Policy Advisor

I need to know what the community actually needs.

Identify and prioritize local needs

Stay in direct contact with residents

Track community sentiment in real time

Eitan Lazar

Social Activist

Show me how to help, clearly.

Understand the movement's mission

Find clear ways to support and volunteer

See activities and impact transparently

Eitan Lazar

Social Activist

Show me how to help, clearly.

Understand the movement's mission

Find clear ways to support and volunteer

See activities and impact transparently

Eitan Lazar

Social Activist

Show me how to help, clearly.

Understand the movement's mission

Find clear ways to support and volunteer

See activities and impact transparently

Design system

Design system

Design system

One identity, built to move fast

One identity, built to move fast

A visual identity and a component library the team could keep building on, even as everything changed.

Basic

Extended

Stakeholders

Basic cataloging

Teacher-level entry

A minimal screen for basic metadata, using predefined fields - no training needed.

The website

The website

The website

?

?

The identity and components, applied across a live public site.

Basic

Extended

Stakeholders

Basic cataloging

Teacher-level entry

A minimal screen for basic metadata, using predefined fields - no training needed.

Outcome

Outcome

Outcome

The impact

The impact

The result is a unified platform that gave the community a single, credible voice — and a direct bridge between residents and decision-makers during a moment of crisis. Beyond the visual design, that bridge is the real impact, and translating an emotional mission into a working product under extreme time pressure is the work I'm most proud of.

Create a free website with Framer, the website builder loved by startups, designers and agencies.