
Vacation Club Sion Boulevard – Logotipo e Hotsite
VacationClub Sion Boulevard foi o quarto hotsite que realizei para a Sion Boulevard.
Ajudei desenvolvendo este hotsite que o público alvo/cliente (consultores de venda multinível) acessa para obter mais informações sobre o programa de promoções de viagem oferecido pela empresa. Todo o hotsite (código, incluindo layout, diagramação e visual/skin) foi elaborado por mim, partindo de referências, e pesquisas na web de sites concorrentes da mesma categoria de serviço. Usei um template pré-pronto, com o qual segui customizado e adaptando todo protótipo navegável até a versão final on-line no domínio oficial da empresa. Com Bootstrap 4 (2018), segui definindo a marcação do HTML5 e CSS com VisualStudio Code, compilando a folha de estilos juntamente com os arquivos ‘.scss’ de SASS do pacote completo (“vendor”) do próprio Bootstrap.
Obs.: o template a princípio não era dotado de um navbar com o logotipo alinhado ao centro, e botões ao redor dele. Eu inseri este recurso de funcionalidade e design nele. Foi necessário recorrer a arquivos .SVG (vetorial) — com referências de código de outros sites que encontrei pela Web — e alternar com as diferentes classes de CSS do Bootstrap nas formatações responsivas.
O logotipo “VacationClub Sion Boulevard” é também uma contribuição minha, sendo de fato um redesign de um trabalho prévio. Criei sob orientação do Gestor e do Diretor de Arte da equipe de Marketing da empresa. A paleta de cores e definição de tipografias foram soluções minhas.
Aliás, como o logotipo foi feito com uma certa pressa, a versão em negativo dele de fato acabou carecendo de ajustes importantes em detalhes do desenho. Mas é isso.
Ao todo foram 6 hotsites que fiz para a Sion Boulevard até Março 2018. Estarei expondo-os aqui em meu portfolio. Portanto, não deixe de revisitar o meu site em breve para conferir as próximas atualizações/publicações, por favor.
As imagens demonstram o processo de criação desta mídia. Clique para ver maior:
Logotipo + Hotsite versão final + versão em responsivo – (printscreen)
Proposta inicial de layout do hotsite, feito em Adobe Photoshop CC e Illustrator CC
Adobe Illustrator, Adobe Photoshop, Bootstrap, design gráfico, diagramação, hotsites, landing-page, layout, logotipo, marca, responsivo, svg, vector, vetorial