atid laotef
View website: https://www.atidlaotef.org/
Design of the website for "atid laotef" movement. "atid laotef" is a non-political civic movement that unites the residents of the periphery towards the goal of rehabilitating and rebuilding the periphery. It operates with a broad vision and a common interest of the region's residents, in particular, and the State of Israel as a whole.
View website: https://www.atidlaotef.org/
Design of the website for "atid laotef" movement. "atid laotef" is a non-political civic movement that unites the residents of the periphery towards the goal of rehabilitating and rebuilding the periphery. It operates with a broad vision and a common interest of the region's residents, in particular, and the State of Israel as a whole.
My Role
Page structure, Design
Page structure, Design
Goals
Conveying the movement's message
Call to action - encouraging users to join the movement
Design language for the rest of the website
Conveying the movement's message
Call to action - encouraging users to join the movement
Design language for the rest of the website
framework
Volunteer project
Volunteer project
Tools
Wix, Figma,
Photoshop, canva
Wix, Figma,
Photoshop, canva
User Interface
The design decisions were made in accordance with the movement's logo in order to create a consistent visual language. However, there was a need to highlight specific text segments or certain sections on the page.
The design decisions were made in accordance with the movement's logo in order to create a consistent visual language. However, there was a need to highlight specific text segments or certain sections on the page.
Description
About the movement
The first section of the website explains why the movement was established, its main objectives, and its target audience. I chose to emphasize the last word by using a different color and brush stroke.
The first section of the website explains why the movement was established, its main objectives, and its target audience. I chose to emphasize the last word by using a different color and brush stroke.
Statement of Intent
The movement's vision
It's important to present the movement's vision to articulate their intentions for the future and recruit partners for action.
It's important to present the movement's vision to articulate their intentions for the future and recruit partners for action.
The teem
The people behind the action
When familiar faces are seen associated with the action, it encourages additional participation. I chose a prominent background to highlight the people behind the action.
When familiar faces are seen associated with the action, it encourages additional participation. I chose a prominent background to highlight the people behind the action.
Timeline
Since this is a movement in its early stages, it's important to present what has been done and what is yet to come. The primary goal of the timeline is to show that it's time to get involved in the action.
Since this is a movement in its early stages, it's important to present what has been done and what is yet to come. The primary goal of the timeline is to show that it's time to get involved in the action.
The operational principles
The operational principles of the movement are its guiding principles, which is why I found it appropriate to highlight them using a very prominent background and bold numbering. These design choices emphasize this section and attract the attention of those contemplating whether to register and join the movement.
The operational principles of the movement are its guiding principles, which is why I found it appropriate to highlight them using a very prominent background and bold numbering. These design choices emphasize this section and attract the attention of those contemplating whether to register and join the movement.
color palette
© All rights reserved to Linoy Zohar Sagiv 2023
