Portefólio
Projeto conceptual2025

Marca.pt

Plataforma de marcações

AplicaçõesServiçosSoftware empresarial
Paleta
Explorar projeto
marca-pt.pt
Marca.pt

Pré-visualização do conceito · estilo: Papel e caneta

01

Visão geral

Categoria

AplicaçõesServiçosSoftware empresarial

Setor

Plataforma de marcações

Tipo

Projeto conceptual

Complexidade

Complexo

Ano

2025

Estilo visual

Papel e caneta

02

O desafio & a solução

01

O desafio

A Marca.pt é um conceito de plataforma de marcações para negócios que vivem da agenda — aqui mostrada com o Tufo, um cabeleireiro e barbearia fictício de três cadeiras. A identidade foge do roxo habitual dos produtos SaaS: papel cru, tinta preta, um azul de caneta para as ações e o amarelo do marcador para o que é novo. Títulos em Bricolage Grotesque, interface em Plus Jakarta Sans.

02

O que fizemos

Do lado do cliente, a marcação faz-se em quatro passos: serviços (a duração e o preço somam-se), profissional — com a próxima vaga de cada um e a indicação de quem não faz a combinação escolhida —, dia e hora a partir das vagas da agenda, e os dados, com validação do telemóvel. O talão ao lado acompanha cada passo.

03

O resultado

Do lado do salão, a mesma agenda mostra o dia por profissional, com almoço, folgas e a hora atual. Cada marcação pode passar a chegou, concluída ou faltou, ser cancelada, e qualquer horário pode ser bloqueado. O que se faz de um lado aparece logo no outro: um horário bloqueado deixa de estar disponível para marcar. É uma demonstração: nada é enviado e tudo se perde ao recarregar a página.

Em destaque

Cliente + salão
Faces
Por profissional
Agenda
4 até marcar
Passos
03

Funcionalidades

  • Marcação em quatro passos, com talão sempre à vista
  • Vagas calculadas a partir da agenda de cada profissional
  • Agenda do salão por profissional, com almoço e folgas
  • Estado da marcação: chegou, concluída, faltou
  • Bloqueio de horários, que saem logo da página de marcação
  • Validação do formulário e aviso de que nada é enviado
04

Design responsivo

Pensado para funcionar bem em qualquer ecrã — do computador ao telemóvel.

marca-pt.pt
Marca.pt — computador
Marca.pt — telemóvel
05

Tecnologia & função

Tecnologia

Next.jsReactTypeScriptTailwind CSS

O que fiz

  • Produto
  • UI/UX
  • Frontend
  • Lógica de agenda
06

Objetivo do conceito

Demonstrar como Marca.pt poderia ganhar vida — plataforma de marcações — com uma identidade papel e caneta, do design ao desenvolvimento e sem recorrer a templates.

Continue a explorar

Escolha outro projeto

WhatsAppPedir orçamento