Matilde Ferreira

APPDA Norte

September 2024 – November 2024

APPDA Norte is an association dedicated to supporting individuals on the autism spectrum and their families. Its visual identity was designed to reflect the diversity and complexity of the autism spectrum. To address the association's communication needs, a website was developed to introduce the organization, showcase its services, educate the public about autism, and provide a news section for regular and updated communication.

  • Interaction
  • Branding

Freelance Project

4Humanz

Design Tools

  • Adobe Illustrator |
  • Figma
APPDA Norte website and branding displayed over a blue background.

Logo Concept

Contradicting the linearity often associated with the autism spectrum, the APPDA Norte symbol embraces the diversity and complexity of this spectrum through its circular shape.

The three human figures, represented as equals, symbolize the support and collaboration among all members of the community. Their progressive scale also reflects APPDA Norte's commitment to supporting individuals on the autism spectrum at all stages of life.

Circular spectrum with ten divisions, showing three blue segments. Circular spectrum with ten divisions, three blue segments, and three blue circles, forming three human shapes progressive in sclae

Color Palette

The color palette of APPDA Norte has blue as its primary color due to its association with well‑being and calm. To honor and preserve the association's history, two shades of red were adopted as secondary colors. The application of these red tones on the head of the largest figure refers back to the organization’s previous logo.

To reinforce the idea of a spectrum, a blue gradient was adopted. This gradient is applied to the logo to emphasize the idea of the spectrum and to create a sense of unity among the different human figures through a progressive color transition.

For complementary colors, two light blue tones were selected for background applications, while a dark blue tone was designated for use in long text.

APPDA Norte's logotype gradient application Green and Red color swatches from APPDA Norte's color pallete

Typography

The institutional typography of APPDA Norte is Mazzard Soft H, selected for its rounded design. This choice aims to humanize the association, making its visual identity more welcoming. The secondary typography of APPDA Norte is Montserrat. This typeface intends to complement Mazzard Soft H in long texts and smaller scales, ensuring readability.

A preview of the Mazzard Soft H font family, showing different weights. A preview of the Montserrat font family, showing different weights.

Brand Manual

Cover of the APPDA Norte Brand Manual, featuring the organization's logo. Spread from the APPDA Norte Brand Manual, showcasing the organization's logo guidelines. Spread from the APPDA Norte Brand Manual, showing logo construction details and variations. Spread from the APPDA Norte Brand Manual, showing different variations of the organization's logo.

Identity Applications

Image of APPDA Norte's business card, featuring the organization's logo and contact information. Image of an APPDA Norte flyer, showcasing the organization's mission and services. Image of APPDA Norte's letterhead and envelope, showcasing the organization's branding. Image of an APPDA Norte envelope, featuring the organization's logo and contact information.

The Website

Design Process

After meeting with APPDA Norte to assess the organization's communication needs, the site map was developed to define the overall website's structure and navigation.

This guided the creation of a low‑fidelity prototype, that prioritized the organization and hierarchy of information, offering a preliminary view of how content would be displayed. Through further meetings, this prototype was refined based on feedback, ensuring it aligned with the association's goals and audience expectations.

Afterwards, a high‑fidelity prototype was developed, incorporating APPDA Norte’s branding elements such as colors, typography, and imagery.

Image showcasing multiple pages of the APPDA Norte website's low-fidelity prototype.

Website Features

APPDA Norte’s website fosters empathy with the public by showcasing the association's history, mission, and team. It provides information and resources about autism, and details the organization’s available services.

The website also highlights APPDA Norte’s funding options, encouraging public contributions to support its mission. Moreover, it streamlines the organization’s processes by providing forms for workshop’s registration, membership applications, and general inquiries.

As a communication platform, the website includes a news section to keep the audience informed about the organization’s latest activities.

Image showcasing APPDA Norte's website displayed on a smartphone, tablet, and desktop computer.
Image showcasing APPDA Norte's website news page displayed on a MacBook Pro. Image showcasing APPDA Norte's website contact page displayed on a tablet and another page of the website on a background tablet. Image showcasing various pages of APPDA Norte's website displayed on multiple iPhones. Image showcasing APPDA Norte's website services sub-page displayed on a tablet.