All Projects

Nas To Nas

A humanitarian platform that connects people with causes through a more human, trustworthy, and accessible digital experience.

Live Website

Industry

Humanitarian & Nonprofit

Date / Timeline

8 Weeks

Platform

Web Platform

Role

UI/UX Team Member

Overview

Nas To Nas is a humanitarian platform that connects people who want to give with communities and individuals who need support. It brings donations, humanitarian projects, stories, and impact into one digital experience, making it easier to discover causes, understand their impact, and contribute with confidence.

The Problems

The challenge was to create an experience that communicates sensitive human stories while keeping projects, donations, and actions clear and accessible across Arabic and English.

Balancing Emotion and Usability

Humanitarian stories needed to create emotional connection without overwhelming users or interfering with clarity and action.

Making Causes Easy to Understand

Monitor your performance with real-time dashboards and reports, enabling you to make adjustments on the fly and capitalize on opportunities as they arise.

Reducing Donation Friction

Monitor your performance with real-time dashboards and reports, enabling you to make adjustments on the fly and capitalize on opportunities as they arise.

Supporting Two Languages

Monitor your performance with real-time dashboards and reports, enabling you to make adjustments on the fly and capitalize on opportunities as they arise.

Scaling Across 70+ Screens

Monitor your performance with real-time dashboards and reports, enabling you to make adjustments on the fly and capitalize on opportunities as they arise.

The challenge was to create an experience that communicates sensitive human stories while keeping projects, donations, and actions clear and accessible across Arabic and English.

The Mission

Build a human and trustworthy digital experience that connects humanitarian storytelling with clear, accessible, and scalable user journeys.

Build a stronger visual identity that communicates humanity, connection, generosity, and trust across the digital experience.

Create a scalable design system that supports 70+ screens across Arabic, English, RTL, and LTR experiences.

Structure the experience around a clear journey from discovering a cause to understanding, contributing, and following its impact.

Build a human and trustworthy digital experience that connects humanitarian storytelling with clear, accessible, and scalable user journeys.

The Process

The design process moved from brand direction and experience structure into wireframing, system design, and the final interface.

Defining the Brand Direction

Establishing a visual language that feels human, trustworthy, and distinct from traditional charity experiences.

Structuring the User Journey

Mapping how users discover causes, understand stories, explore projects, and move toward contribution.

Building the Design System

Creating reusable components and patterns for a consistent bilingual experience across 70+ screens.

The design process moved from brand direction and experience structure into wireframing, system design, and the final interface.

The Solution

The solution connects humanitarian storytelling with action through a clearer, more structured journey built around discovery, understanding, contribution, and impact.

A Clearer Path from Story to Action

Projects, stories, and donation actions are connected so users can understand a cause and move naturally toward contribution.

Human Storytelling with Clear Information

Visual hierarchy gives stories space to create connection while keeping project details, progress, donation amounts, and actions easy to scan.

A Scalable Bilingual Experience

A reusable design system supports Arabic and English, RTL and LTR layouts, and consistent experiences across 70+ screens.

The solution connects humanitarian storytelling with action through a clearer, more structured journey built around discovery, understanding, contribution, and impact.