top of page

Non profit organization Website Design Project

Humana People to People is a network of nonprofit organizations that operate in various countries with the aim of addressing global development challenges. The network was founded on the principles of solidarity, equality, and cooperation. Humana People to People is a network of 29 organisations engaged in international solidarity, cooperation and development in 46 countries in Europe, Africa, Asia and the Americas.


Each member organization within the Humana People to People network may have its own specific projects and focus areas, but they generally work towards social and economic development, education, health, and environmental sustainability.

Key features of the Humana People to People network may include:

Education Initiatives, Health Programs, Agricultural and Environmental Projects, Community Development, Global Solidarity.


Humana People to People



First,  I plan the website layout. Use Illustrator to create a rough sketch of the website layout, and then use Adobe XD software to make the design more clear, ensuring that it is organized in a way that aligns with the museum's goals and meets user expectations.

Writting HTML/CSS

Next, begin writing HTML code to establish the website's fundamental structure. Based on the website's layout, divide it into multiple sections and add corresponding tags in the HTML document. These tags can include <header>, <nav>, <section>, <article>, <footer>, and others.

Afterward, start adding content. In each section, include headings, body text, as well as images and media. Once the basic framework is in place, add appearance and style by creating a CSS (Cascading Style Sheets) file to adjust the website's layout, text alignment, background colors, and element padding, among other design elements, making the website visually appealing and easy to read."

Customize the website using CSS style attributes. Change the background color, font size, font type, and other visual elements to ensure that the website remains consistent with the original design. Additionally, enhance the website's navigation, interactivity, and overall design by adding advanced CSS and JavaScript code to complete the website.

illustior/Adobe XD


bottom of page