Web Development
Comic Con Portugal
Função
Desenvolver um Website para o evento, permitindo que os clientes obtenham as informações necessárias no pré-evento e durante o mesmo, de forma fácil e conveniente.
Data
Jan. 2024
Empresa
Comic Con Portugal
Pesquisa de Contexto
Para desenvolver o site comemorativo da 10ª edição da Comic Con Portugal, mergulhei profundamente no universo deste evento icônico. Realizei uma extensa pesquisa de mercado, identificando as últimas tendências em Cultura Pop, as expectativas dos fãs e os principais elementos que fazem da Comic Con Portugal um sucesso. Analisei o perfil dos participantes, seus interesses e comportamentos, e estudei as ofertas dos principais concorrentes. Essa pesquisa detalhada foi essencial para captar a essência da Comic Con Portugal e criar um site que atenda às necessidades do público, fornecendo informações completas sobre as áreas do evento, bilhetes, mapa do local, programação e detalhes institucionais.
II.
Sobre a Empresa
A Comic Con Portugal consolidou-se como um dos maiores e mais importantes eventos de cultura pop da Europa. Acontece anualmente, desde 2014, atraindo milhares de fãs de todas as idades e origens para celebrar suas paixões por filmes, séries, quadrinhos, games, música e muito mais.
14
de espectadores foram ao cinema em 2019, e a bilheteira arrecadou 80 milhões de euros em Portugal.
Data Source: ICA
1
de portugueses em plataformas de streaming
Data Source: Marktest
250
em receita do mercado de jogos em Portugal. +1,9 milhões de jogadores em Portugal.
Data Source: Marktest
12
de livros vendidos em Portugal em 2019 e 62% leram pelo menos 1 livro o ano passado.
Data Source: Marktest
III.
Paleta de cores
A paleta foi dividida em 2 opções:
- Cores comemorativas 10 anos Comic Con Portugal
- Cores Branding do evento
Cores comemorativas 10 anos Comic Con Portugal
Golden
#B07908 + #F4DB76
Old Gold
#E1C550
Black
#000000
White
#FFFFFF
Cores Branding do evento
Dark Blue Black
#160F29
Dark Cyan
#368F8B
Middle Wellow
#F9E900
Wild Watermelon
#FF6978
IV.
Tipografia
A fonte escolhida foi a Akshar por ser uma fonte sans-serif contemporânea que se destaca por seu design limpo e moderno, garantindo excelente legibilidade em diversos tamanhos e contextos. Disponível em várias espessuras, oferece flexibilidade no design e é ideal para criar hierarquias visuais claras. Sua compatibilidade multilíngue e suporte a caracteres especiais a tornam adequada para projetos globais.
Akshar Headings
Hierarquia
Peso
Tamanho
Altura da linha
Espaçamento
Heading Level 1
Bold
64px
64px
0px
Heading Level 2
SemiBold
48px
64px
0px
Heading Level 3
Medium
32px
48px
0.5px
Heading Level 4
Regular
24px
32px
0.5px
Heading Level 5
Regular
16px
24px
0.5px
Heading Level 6
Medium
13px
16px
0.5px
Akshar Body Text
Hierarquia
Peso
Tamanho
Altura da linha
Espaçamento
Body Text
Regular
16px
24px
0.5px
Italicized
Regular Italic
16px
24px
0.5px
Bold
Bold
16px
24px
0.5px
Secondary Text
Medium
13px
16px
0.5px
V.
Desktop
Após a pesquisa e aprovação das diretrizes visuais, iniciei o desenvolvimento do layout para desktop, assegurando uma experiência rica e envolvente para telas maiores. Cada página foi projetada com atenção aos detalhes gráficos e funcionais, visando oferecer uma navegação intuitiva e visualmente atraente.
VI.
Mobile
Com a base de design para versão desktop definida, adaptei o layout para dispositivos móveis, garantindo que a experiência do usuário fosse otimizada para telas menores. Cada elemento foi ajustado para manter a usabilidade e a estética em diferentes resoluções e formatos, proporcionando uma navegação fluida e intuitiva.
