Projectos

Crescer a Cores

Site institucional · IPSS · Web design · UX

O site de uma associação de solidariedade social, refeito para o telemóvel. A admissão na creche passou a estar explicada antes de ser pedida, e os documentos de transparência ganharam uma ordem que se entende.

Visitar o site

A entidade

A Crescer a Cores é uma IPSS do Bairro Padre Cruz, em Carnide. Tem uma creche para 40 crianças e um Centro de Recursos Psicopedagógicos que acompanha crianças e jovens dos 3 aos 18 anos. Quem chega ao site é, quase sempre, uma família à procura de vaga.

O que mudou

O site anterior, de 2016, fora desenhado para o computador. No telemóvel, o menu reduzia-se ao botão Início e o texto ficava fora do ecrã. Da versão antiga ficaram a identidade (os verdes, o laranja, a ilustração da escada) e os documentos. A estrutura, as páginas das valências, o processo de admissão e a organização da transparência são novos. Saíram o áudio que tocava sozinho, as páginas de documentos abertas em moldura sem cabeçalho e as contas rotuladas com o ano errado.

Largura da página antiga num ecrã de 390 px: 961 px
Documentos na página de transparência: 16
Campos da pré-inscrição, em 9 secções: 63

Medições feitas a 14 de Setembro de 2026: a página antiga na cópia de arquivo, as restantes no site em produção.

Pormenores

Cinco partes do site, a começar pela razão de ele existir.

Antes e depois, no telemóvel

No ecrã de um telemóvel, a página antiga ocupava 961 px de largura: o logótipo cortado, um único botão no menu e nove parágrafos fora de vista. A nova cabe nos 390 px, com o menu recolhido num botão e o mote e as duas acções principais no primeiro ecrã.

Página inicial do site antigo em computador: logótipo em letras coloridas, menu horizontal e a ilustração das crianças na escada, com o texto de apresentação em baixo, à direita.

O site antigo num telemóvel: o logótipo cortado à direita, só o botão Início visível e a ilustração a ocupar o ecrã, sem texto.

O site novo no mesmo telemóvel: logótipo inteiro com botão de menu, a ilustração por cima, o título Crescer juntos, em todas as cores, a descrição e os botões Conhecer a Associação e As nossas valências.

As valências, lado a lado

A creche e o centro de recursos têm públicos, idades e horários diferentes. Cada um tem um cartão com o essencial à vista (horário, capacidade ou população) e a ligação para a página própria. A pré-inscrição aparece só no cartão da creche, que é onde se aplica.

As fotografias dos cartões estão esbatidas de propósito. Mostram crianças da associação, e as autorizações foram dadas para o site da Crescer a Cores, não para este portfólio.

Dois cartões de valência. Creche, para crianças dos 4 aos 36 meses, com horário, capacidade de 40 crianças e os botões Ver página da Creche e Pré-Inscrição. Centro de Recursos Psicopedagógicos, dos 3 aos 18 anos, com horário, população e botão Ver página do CRPP. As fotografias do topo estão esbatidas.

A admissão explicada antes de ser pedida

Antes do formulário, a página diz tudo o que uma família precisa de saber: os critérios de prioridade, as cinco fases do processo, a lista de espera e os documentos, separados entre os que todos entregam e os que só contam em certas situações. Assim, quem se candidata sabe ao que vai.

Secção Documentos Necessários: à esquerda, os obrigatórios para todos, com visto verde; à direita, os condicionais, como declaração médica ou comprovativo de abono; em baixo, uma nota sobre o efeito de não apresentar um comprovativo.

Uma pré-inscrição que corrige no momento

São 63 campos repartidos por 9 secções: criança, mãe, pai, encarregado de educação e contactos de emergência, entre outros. O formulário fica recolhido até ser aberto, para não afastar quem só quer ler o processo.

O cartão de cidadão, o NIF e o número de utente são validados ao sair do campo, com o dígito de controlo e uma mensagem que diz o formato certo. Os campos de cada pessoa têm preenchimento automático próprio, para o browser não misturar os contactos do encarregado de educação com os de emergência.

O formulário está em fase de testes, e o próprio site avisa disso. Os valores nas capturas são fictícios, escritos para mostrar as mensagens de erro.

Formulário de pré-inscrição aberto em computador: cabeçalho verde com o aviso de testes e a secção Identificação da Criança em quatro colunas, com nome, data de nascimento, nacionalidade, cartão de cidadão, NIF, número de utente, resposta pretendida e horários.

A mesma secção num telemóvel, numa só coluna, com três campos a vermelho e as mensagens Número de CC inválido, NIF inválido e Número de utente SNS inválido.

Transparência e dados de menores

Os documentos de publicação obrigatória estão agrupados por tipo: estatutos, regulamento, contas do último exercício e arquivo dos anteriores. As contas mais recentes ficam sempre no mesmo sítio.

A política de privacidade separa o que se recolhe em cada contexto (contacto, creche, centro de recursos e pré-inscrição) e diz, para cada um, que dados, com que finalidade, com que base legal e durante quanto tempo.

Página de transparência: blocos Estatutos, Regulamento Interno, Contas 2025 com cinco documentos e Arquivo de Contas, cada linha com ícone, título, descrição e etiqueta PDF.

Política de privacidade, secção Utentes da Creche: tabela com dados, finalidade, base legal e conservação, seguida de uma nota sobre a protecção reforçada dos dados de menores.

Pontos fortes

Pensado para o telemóvel. Num ecrã de 390 px, as dez páginas cabem na largura, sem deslocamento para o lado.
A identidade reconhece-se. As famílias que já conheciam a associação encontram as mesmas cores e a mesma ilustração.
Menos dúvidas ao balcão. O processo de admissão está escrito por fases, com os documentos listados.
Dados sensíveis tratados à parte. A política de privacidade distingue os menores e os dados de saúde e diz quanto tempo cada registo se guarda.

Implementação

Base: HTML, CSS e JavaScript, sem CMS
Formulário: Validação no browser e envio por PHP
Pesquisa: Pesquisa de texto em todas as páginas
Alojamento: cPanel, com certificado renovado por script próprio

Resultado

Um site que as famílias conseguem ler no telemóvel, do primeiro ecrã ao último documento, sem perder a cara que a associação já tinha.

Visitar cresceracores.pt

Contexto