She Plus Them
2024
01 ABOUT
This project is a blend of a blog website, an informational site, and a news platform, combined with the implementation of a forum. It allows the publication of diverse content, ranging from articles to news and posts, aiming to inform, educate, and entertain, as well as enabling users to read and interact with the content through comments.
Screenshots of some of the pages in desktop and mobile version
02 BRANDING
A unique visual identity was crafted from the ground up, inspired by the concepts behind the chosen name, derived from the terms «she» and «them.» The logo symbol creatively combines the international symbol for women with the non-binary symbol, resulting in an asterisk encircled by a ring. This design encapsulates inclusivity and representation at its core.
The typography merges handwritten elements with pre-designed letterforms, giving the brand a distinct, approachable, and dynamic personality. This thoughtful combination makes the brand visually engaging and appealing to its target audience.
The color palette was carefully selected to reflect the essence of the brand, inspired by words such as «women,» «non-binary people,» «safe space,» and «multiculturalism.» Bright, vibrant hues were chosen to convey energy and positivity, ensuring the visual identity captures attention and resonates with the brand’s values and audience.
Different versions of the logo
03 DEVELOPMENT PROCESS
This project was meticulously developed, with every detail carefully considered and each step followed to ensure its successful execution. The process began with the creation of basic wireframes, which served as a foundation for defining the composition and structure of each page. Next, key elements such as content writing were developed, incorporating user experience (UX) design principles to ensure clear, easy-to-understand, and readable navigation.
Building on these elements—ranging from the text to graphic compositions—the website was designed, integrating essential features such as forums, comment sections, and news areas. The visual aesthetic was crafted based on the previously developed visual identity, maintaining consistency and harmony throughout the project.
The website was developed incorporating all the mentioned elements, with custom coding to enhance and tailor various aspects, including forms and text. The coding primarily combined HTML and CSS, focusing on styling and refining the design of specific elements.
As stated initially, the website is divided into sections designed to fulfill its purpose and meet its target audience’s needs. It allows users to write, read, comment, and learn through features similar to a forum or news page. Additionally, it includes a glossary to assist users unfamiliar with the terms used throughout the site. A feedback form has also been added to address any difficulties users may encounter while navigating the platform since this is a project focused on UX/UI design.
GALLERY
VISIT THE WEB
Share this project
