Landing page · Evento

idsummit

Landing page do evento: confiança, programação e um caminho claro até a inscrição.

Papel: UX/UI Design · Front-end
Contexto: idsummit · evento anual de identidade digital da idwall
Ferramentas: Figma, HTML, CSS

Visão geral

O desafio

A página precisa convencer em segundos: o que é o evento, quando, onde, quem fala e por que vale a inscrição. Tudo isso com conteúdo que muda até a véspera: line-up, horários e status de inscrição.

Como foi resolvido

O evento ganhou uma sub-marca visual derivada da idwall: o mesmo roxo institucional, levado para um violeta elétrico, com formas orgânicas e a data na vertical como assinatura. Agenda e speakers foram estruturados como componentes orientados a dados, fáceis de atualizar.

O que mudou

Uma landing escaneável, com o essencial acima da dobra e blocos de programação pensados para receber mudanças de última hora sem mexer no layout.

Processo

Hierarquia
Priorização do conteúdo: promessa, data e local, CTA e, só depois, prova social.
Sub-marca
Extensão da paleta idwall para um tom mais vibrante e celebrativo.
Componentes
Agenda, cards de speaker e selo de data desenhados como peças modulares.
Código
HTML e CSS leves, priorizando carregamento rápido para tráfego de campanha.

Telas

Design system

idsummit Visual System

Sistema derivado das telas publicadas: violeta elétrico sobre base neutra clara, formas orgânicas e componentes pensados para conteúdo de evento.

Energia com controle
Violeta saturado só em áreas de destaque; o resto respira em cinza claro.
Pessoas em primeiro plano
Retratos em P&B e nomes em destaque: o line-up é o argumento.
Escaneável
Horários alinhados, blocos por período e detalhes sob demanda.

Aprendizados

Tratar agenda e speakers como dados, e não como layout, é o que permite atualizar a página até a véspera sem retrabalho.
Uma sub-marca funciona melhor quando herda a estrutura da marca-mãe e muda só a temperatura.