Redesign for Multilingual TKIF.ORG Website

Customer: AI | Published: 03.11.2025
Бюджет: 750 $

Project: Full redesign of the Tawakkol Karman Foundation (TKIF.ORG) 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. www.tkif.org +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”). portal.tkif.org +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. www.tkif.org 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 www.tkif.org 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) www.tkif.org +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) www.tkif.org +2 www.tkif.org +2 News & Media News Events Media Gallery (photos/videos) www.tkif.org Impact / Stories (a.k.a. Success Stories / Haith Al-Insan stories) www.tkif.org 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) www.tkif.org Contact