// mockup de site institucional · tecnologia B2B para varejo
Tlantic — Wireframe de Site Corporativo
Um wireframe corporativo para a Tlantic, fornecedora B2B de tecnologia para o varejo, traduzindo todo o seu catálogo de serviços em um site institucional navegável com slideshow de hero, mega-menu e carrossel de notícias.
HTML5
CSS3
JavaScriptES3
jQuery1.5.12009
Capturas de tela
Visão geral
Este projeto é um wireframe estático em HTML/CSS/jQuery para a Tlantic, uma empresa portuguesa de tecnologia para o varejo especializada em soluções de mobilidade, automação, business intelligence e e-business para o setor varejista. O briefing era traduzir o posicionamento institucional da Tlantic — "Inovação e Tecnologia no Varejo" — em um site corporativo capaz de apresentar quatro linhas de negócio distintas (Mobilidade, Automação, Inteligência, e-Business) ao lado da história da empresa, parceiros e cobertura de imprensa, sem sobrecarregar o visitante.
O wireframe se organiza em torno de um slideshow de hero e um mega-menu dropdown de múltiplos níveis, em que cada item de topo (Quem Somos, Soluções, Cases) se expande em quatro subseções com seu próprio texto descritivo — efetivamente um sitemap completo exposto no nível da navegação. Um carrossel secundário de autorrotação cuida de notícias e releases de imprensa de forma independente do hero. O rodapé repete toda a navegação como um sitemap plano, tanto por usabilidade quanto por rastreabilidade em mecanismos de busca — importante para um fornecedor B2B cujos compradores muitas vezes chegam por busca em vez de navegação direta.
O repositório preserva tanto o código-fonte original do site (www/) quanto um snapshot do site no ar rastreado por wget (rip/), mantidos para referência de arquivo.
Destaques
Navegação em mega-menu profundo
um menu de múltiplos níveis (Quem Somos / Soluções / Cases) mapeando todo o catálogo de serviços da Tlantic — 4 unidades de negócio × 4 subpáginas cada — em uma única navegação por hover, para que os prospects encontrassem a oferta certa sem sair da home
Home que se atualiza sozinha
um slideshow de hero e um carrossel de notícias de autorrotação que mantinham a home visualmente atual e permitiam à Tlantic destacar novos anúncios e imprensa sem envolvimento de backend
Sitemap amigável a SEO
um sitemap completo em HTML no rodapé espelhando toda a estrutura do site, melhorando a rastreabilidade para uma empresa B2B cujo crescimento depende de ser encontrada por decisores de compras e de TI