Back to top

Shatil - The new Israel fund initiative for social change

Shatil - The new Israel fund initiative for social change

Shatil - The new Israel fund initiative for social change

Redesigning and planning user experience, upgrading content architecture, implementing third-party integrations and more

 

During 2017, we merged with Shatil - the New Israel Fund, to create a revolution in their existing website. The previous site was built on Drupal 7 system and along with a comprehensive design change with a lot of emphasis on mobile thinking as a first step and a re-planning user experience, comprehensive development work was done around the content’s architecture. Along with all of this we have made complete security updates to the website, performance upgrades and more.

We are very excited to present the website in the new format, and more than that we are excited about a new relationship, with a large and interesting client who was not our client before, has come to us through recommendations and now the entire site management team has become a partner of Reasonat

A true website is one that grows with the brand
This site is an example of how we do things at Reasonat.. We don’t just build websites, we manage relationships with customers, grow with their brand and business and create a high quality digital identity.
Refreshing, designing and re-planning the user experience

A lot of work was done to redesigning the website. As always, it begins with meetings where we learn more about the organization itself, its nature, the way and the vision, and the different workers. At the same time, we learn to know the client and especially the content management on the website, its needs both with the different target audiences and with the level of content management, Its needs with different target audiences and with the content’s manager level. On the other side, the client learns to recognize us to create a common language, which always leads to success.

So, within all the changes made we choose to show you only a small part of the design changes, by old vs. new.

  • Writing design embed code from zero with emphasis on standard and documented scss + js code.
  • Expanding the surface area of the website from Grid 960 to a much wider Grid of 1280.
  • Changing font
  • More extensive use of brand colors throughout the website. As well as a proper and continuous use of colors to create a clear and consistent experience for the user.
  • Replacing icons throughout the website.
  • A uniform and clear internal grid between all the columns.

 

In the example below, you can see the differences in Header between old website and new.

  • Give space between the different elements to create a clearer experience.
  • A search bar is easier and clearer.
  • Displays one different language instead of current language in the new website.
  • Large, clear content boxes. With a change that makes it easy to extract existing content.

The new website

עמותת שתיל האתר החדש

The old website

עמותת שתיל האתר הישן

Homepage

  • Refreshing the home page which already proves itself above expectations regarding the conversion ratio from the home page to the internal pages in which the editing team wants to direct the surfers.
  • A more advanced gallery and the option to full text editing.
  • Large and clear content boxes, with a change that makes it easy to extract existing content.
  • Calendar with up-to-date appearance.

Shatil boards

Perhaps the most important and most active area on the website. As a result of the change we've made, we're seeing a particularly sharp increase in the conversion rate and exceptional browsing experience.

  • Removing unused areas which take up too much space.
  • Improving look and functioning of the search interface - Switching to search-based
  • Search API.
  • More rational use on the left side of the website.
  • A much clearer and more pleasing ad table.

Here are a few more examples of different pages on the website, again, comparison of new and old.

Careers page

Main articles page

And some of amazing things we have done in the project
WordPress blog integration
WordPress blog integration

Viewing the latest posts from Shatil’s blog, the blog is built in WordPress. The website takes the last three posts, including their abstract and image, and displays them on the home page of the main website.

Integration for sending emails via Sendgrid
Integration for sending emails via Sendgrid

Shatil sends thousands of emails every day, so integration with Sendgrid should be working according to the right settings, in full interface with the site and at a high level of performance.