On the projects list page, apart from being able to quickly search by keywords, it was important to have a very simple and intuitive filter.
The result projects were displayed in cards with the most relevant information in them - a picture, ID number, project name, minimum purchase requirement and brief description of the project. In addition, we introduced icons to indicate the impact of the projects (Environmental, Social, Economic).
The project details page was split in two columns. The one on the left containing all project related keywords, and the right one with the detailed description of the project. As website views start on the top left corner and move towards the bottom right in a "Z" shape, the idea behind the structure was to provide a strong starting point (Image + Title) and a left column with all necessary additional information, so viewers don't get scared of the large text block in the right column.
