Projetos - Fim Digital

Criação de Website via HTML/CSS

Twenty One Pilots

Este projeto explorou a reestruturação do website de uma banda através da metodologia de Design Thinking, com foco numa experiência digital centrada no utilizador. O objetivo foi transformar a navegação e a interface numa experiência mais intuitiva, funcional e visualmente marcante, respeitando a identidade da banda.
Ao longo do processo, desde o protótipo à implementação final em HTML, o projeto evoluiu através de testes e iterações, resultando num website mais fluido, acessível e fácil de explorar.

O resultado final reflete o equilíbrio entre conceito criativo, usabilidade e execução técnica.

Moodboard com cores a preto, vermelho escuro, vermelho, amarelo torrado e amarelo mais claro. Imagens de fogo e fumo para representar o Albúm Clancy da Banda Twenty One Pilots — Moodboard – Twenty One Pilots

Wireframe feito via programa Figma de uma página de venda de bilhetes para a criação da página Twenty One Pilots — Wireframe – Figma

Código em HTLM5/CSS escrito em Visual Studio Core para uma página de venda de bilhetes para a criação da página Twenty One Pilots — Website – Tour Twenty One Pilots

Página criada em HTLM5/CSS para uma página de venda de bilhetes para a criação da página Twenty One Pilots com um header com links para as restantes páginas do website — Website – Tour Twenty One Pilots

Desenvolvimento Estratégico e Criação de Marca

SEAL Hotel

Este projeto tem como objetivo responder ao desafio de criar um plano estratégico de marketing para a abertura de um hotel de 5 estrelas em Albufeira, num mercado competitivo e fortemente digital. Toda a estratégia foi concebida para acompanhar duas fases fundamentais do projeto: o período de pré-abertura e o período de pós-abertura do hotel, garantindo uma comunicação consistente antes, durante e após o lançamento da marca.

O plano de marketing integra ferramentas essenciais como a análise SWOT, a definição da persona e do público-alvo, a utilização de objetivos SMART e a gestão de conteúdos em canais de comunicação, permitindo estruturar ações eficazes, mensuráveis e alinhadas com os objetivos do negócio em cada fase do projeto. Cada decisão estratégica foi pensada para criar expectativa no mercado, gerar notoriedade inicial e, posteriormente, consolidar a marca e incentivar a fidelização.

A componente prática do projeto passa pelo mockup do website em HTML, onde toda a estratégia ganha forma via a utilização de ferramentas como o BootStrap e o JavaScript. O mockup traduz os valores da marca, a organização dos conteúdos e a experiência do utilizador, funcionando como um ponto de contacto central entre o hotel e o público.

O resultado é uma proposta digital criativa, coerente e alinhada com os objetivos estratégicos definidos.

Moodboard baseada nas três tons de azuis entre um mais escuro, entre médio e claro, um bege e um branco linho. Exemplo de imagens de hotéis de luxo para exemplificar a ideia da estrutura que se irá usar no website e formatação do tipo de letras para os vários títulos e formatos dos botões — SEAEL Hotel Moodboard

Imagem apelativa do Hotel das espreguiçadeiras sobre a piscina com uma lista ao lado dos principais pontos do Plano Estratégico — SEAEL Hotel – Plano Estratégico

Exemplo do estabelecimento da estratégia SMART com a informação sobre quadros de cor azul mais claro — SEAEL Hotel – Plano Estratégico

Análise do Mercado feito através de 5 pontos — SEAEL Hotel – Análise do Mercado

Análise Swot com um fundo azul e letras a branco com base na análise da estratégoa — SEAEL Hotel – Análise do Mercado

Estabelecimento de um público-alvo de casais sem filho com a informação sobre quadros de cor azul mais clara e azul mais escuro — SEAEL Hotel – Público-alvo

Estratégia inicial para os Canais de Comunicação e a sua importânica — SEAEL Hotel – Importância Canais de Comunicação

Tabela com branco e azul. com a informação sobre a estratégia de comunicação — SEAEL Hotel – Importância Canais de Comunicação

Planificação pré-abertura

Exemplo de landing page com informação pré-abertura com contagem decrescente — SEAEL Hotel Pré-abertura – Landing Page – Contagem Decrescente

Estratégia de pré-abertura para as redes sociais, com exemplos de teasers — SEAEL Hotel Pré-abertura – Email Marketing

Planificação pós-abertura

Exemplo de email marketing para a pós-abertura do Hotel onde é desconto uma futura reserva — SEAEL Hotel Pós-abertura – Email Marketing

Representação de um email de confirmação de reserva, com um envio de um inquérito para angariar mais informação dos novos clientess — SEAEL Hotel Pós-abertura – Email Marketing

Estratégica pós-abertura para os canais de comunicação. — SEAEL Hotel Pós-abertura -Cronograma Mensal – Canais de Comunicação

Cronograma mensal da estratégia de redes sociais com indicação da plataforma, tipo de conteúdo, copy, razão de publicação e quantas vezes deve ser publicado na semana indicada — SEAEL Hotel Pós-abertura -Cronograma Mensal – Canais de Comunicação

Mockup – Figma e HTML

Wireframe realizado no programa Figma que mostra como será representada a página de Reservas dos Quartos — SEAEL Hotel Wireframe (Figma) – Reservas

Protótipo do programa de reservas dos quartos — SEAEL Hotel Wireframe (Figma) – Reservas

Mockup do Sistema de Reservas com a informação dos quartos com sistema de procura de datas/disponibilidade. Botões que permitem a reserva dos quartos. No inicio, um header que permite aceder a outras páginas e um footer com a informação das redes sociais, localização e opção de mais informações — *SEAEL Hotel (Mockup) – Reservas*