Enter the website
This is a personal project I designed and developed in 2025. The site aims to provide a comprehensive, up-to-date guide for IDF permanent service members ("Keva") to help them understand and utilize their rights and benefits during and after service.
For both Web and Mobile.
The main challenge was to build a platform that would be clear, accessible, and user-friendly for soldiers looking for practical and reliable information. The content needed to be simple and approachable, yet trustworthy and well-organized.
The site is divided into key sections, including the “Haver” Club, finances and insurance, IDF benefits, and the discharge guide. Each section includes detailed articles, explanations, and helpful tips — all crafted to make complex information easy to understand for anyone, regardless of background.
During the user experience research, I focused on the needs of young soldiers serving in Keva. Based on user personas and common questions, I designed a clear information architecture with intuitive navigation to encourage exploration and self-service learning.
For the visual design, I chose a soft palette of blue, white, and gray — colors that convey calmness, clarity, and reliability. Icons and imagery were added to visually support each topic and improve readability. The entire layout is responsive and fully optimized for mobile use.
I will now introduce the screens and their components.
First I will introduce the screens themselves and then I will elaborate on the important points i want to emphasize.
The home page
Category list- Displays all articles related to a specific topic in one organized place, allowing users to easily explore content by category.
Article page
About-Explains the purpose of the site and its value for soldiers
Benefits page- A page that focuses on the site's collaborations and provides a variety of discounts suitable for the target audience.
Home page:
The hero section introduces the site and its purpose, accompanied by a money-saving illustration that emphasizes the valuable insights users can gain.
The most viewed articles of the month- to keep the site focused on what users are actively searching for, the most viewed articles are placed in a central, high-visibility section. This helps direct users straight to the most relevant and valuable content.
Shortcuts to the main pages –Quick access to the site's key sections, each paired with a cartoon-style illustration designed to appeal to a younger audience and make navigation more engaging.
Project summary-A brief overview of the project’s purpose and content, presented alongside a relevant illustration to visually support the information.
Footer –The footer includes quick navigation links, recently published articles, a contact section, and a newsletter signup. It also features a disclaimer with essential information users should know about the site.
Article header layout –The top section of each article includes the title, followed by the publication date, estimated reading time, and a note indicating how current the content remains (e.g., last reviewed or still relevant in 2025).Beneath that, a featured image visually represents the article’s topic.A navigation bar allows users to jump between sections, while a sidebar suggests related articles based on the topic — helping readers dive deeper into content that interests them.
Article body –This section contains the full content of the article, presented in a clean and readable layout. Headings are styled with distinct colors to emphasize structure and guide the reader through the information clearly and effectively.
Share section –Allows users to easily share the article via the available platforms or by copying the direct link — encouraging broader reach and engagement.
Recommended articles –Suggested articles displayed at the bottom of the page to encourage further reading and keep users engaged with related content.
Mobile version of the homepage
The menu here is a hamburger menu.
Product list+ Filter
Product page
Product page - Product Review
Product page - Product Review when there are no pictures and only content
The characteristics - entered here as part of the categories
Product page - Size chart.
This is balanced following a request from the programmers.
