Contact person: Business Client

Phone:Show

Email:Show

Location: İstanbul, Turkey

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Project: Full redesign of the Tawakkol Karman Foundation ([login to view URL]) public website.
Stack for delivery: HTML, CSS, JavaScript (clean, modular, framework-agnostic; if you want a utility library, propose it).
Must-haves: Multilingual (EN/AR/TR) with Arabic RTL, strong accessibility (WCAG 2.1 AA), fast, responsive, easy to navigate. TKIF runs a separate public portal for scholarships/events/helpdesk that should be clearly linked from the main site.
[login to view URL]
+1

1) Brand, Tone, and Visual Direction

Look & feel: Professional, credible, human-centered; imagery of real projects/people; optimistic and peace-focused.

Color & type: Calm, trustworthy palette (blues/greens with warm accent). High contrast for readability. Use a web-safe, bilingual-friendly type pairing with strong Arabic support.

Layout: Spacious, grid-based, large headings, generous white space. Consistent card components for news, programs, and stories.

2) Global UX Requirements

Header:

Left: TKIF logotype (click → Home).

Center/Right: Primary nav for sections in the IA below + language switcher (EN | AR | TR), Donate CTA, Search.

Persistent link/button to Portal (opens in same tab is fine). The TKIF Portal hosts scholarships, events booking, helpdesk, appointments, and forum. Label clearly (e.g., “TKIF Portal”).
[login to view URL]
+1

Footer:

Quick links (all top-level sections), social icons, newsletter signup, contact details (address, email), legal (Privacy, Terms, Cookies), and sitemap link.

Search: Sitewide search box (autocomplete optional).

Languages & RTL: AR pages must be RTL with mirrored layout and proper typography; EN/TR are LTR. Language switching preserves current page context where possible.
[login to view URL]

Accessibility: WCAG 2.1 AA, keyboard navigation, focus states, skip links, alt text, semantic HTML, ARIA where needed.

Performance: Lighthouse ≥ 85 mobile, defer non-critical JS, lazy-load media, responsive images (srcset, sizes).

3) Information Architecture (site map)

(Implement exactly, with room for future subpages.)

Homepage

Sign in / Sign up (TKIF Portal entry points present here and in header)

Who We Are

About TKF

Founder/Chairperson (Tawakkol Karman)

Values & Mission
[login to view URL]

WORK FIELDS

Sport, Art, and Creators Support

EDUCATION

Road and Infrastructure Maintenance

HEALTH

etc. (include other current fields: Humanitarian & Emergency Relief, Women & Girls Empowerment, Agriculture & Water, Economic Empowerment, Marginalized Groups & People with Disabilities)
[login to view URL]
+1

DEMOCRACY AND PEACE

DEVELOPMENT

Events

Workshops

Training

Activities

etc.

Conferences

PROGRAMS

Musanada

Haith Al-Insan

Jusoor

Art for Peace

Leaders For Future

Tatheer

etc. (ensure these map to existing program pages/streams)
[login to view URL]
+2
[login to view URL]
+2

News & Media

News

Events

Media Gallery (photos/videos)
[login to view URL]

Impact / Stories (a.k.a. Success Stories / Haith Al-Insan stories)
[login to view URL]

Donate / Get Involved

Donate (on-site or link to secure processor; recurring options; currency toggle)

Volunteer (form)

Partner with us (form)

Publications / Resources

Library (books, reports, PDFs; filterable)
[login to view URL]

Contact" (client-provided description)