Tema WordPress desenvolvido para O Salvador Deliverycom design de interface e programação (UX & UI) assinados por mim. A identidade visual do projeto foi feita pelo Rafael Maroni.
Desenvolvimento do novo site do restaurante / bar / karaokê Tokyo 東 京, diante dos novos protocolos de abertura da pandemia do COVID-19. Esta é uma versão “provisória” para contar um pouquinho do estabelecimento neste novo formato atual.
Além do design da interface focando na praticidade (UX & UI), também assinei a programação HTML5 / CSS3 / Javascript + jQuery / PHP do mesmo, integrando posteriormente ao WordPress:
Versão Desktop:
Versão Mobile:
Um dos features mais legais desta repaginada foi a integração da listagem de músicas do Karaokê do Tokyo para 100% virtual. Tornando a experiência muito mais prática, segura (com relação ao contágio de COVID-19 ao dividir apostilas físicas contendo as músicas) e acessível para pessoas com restrição visual:
Construímos, de forma sutil, detalhes visuais (para não estragar a surpresa de ver tudo pessoalmente) e sensoriais da experiência de brincar no universo WONDR. Este novo layout de 2020 traz mais leveza e movimento na sua estrutura além de se integrar com painel WordPress deixando a rotatividade de conteúdo maior, afim de mostrar tudo que acontece durante as semanas por lá.
A galeria tem cada ambiente em uma temática diferente, contando uma história e fazendo você sair do mundo real.
Confira alguns dos layouts produzidos e programados em HTML5 / CSS3 / PHP / Javascript + jQuery:
Home (página inicial):
“About us”
“Visit us”:
“FAQ”
“Kids time”
“Contact”
“Events”
Site também disponível em versão mobile:
Além do site principal, também participei da criação do tema de ecommerce da galeria, a WONDR Shop:
Design de interface e experiência de usuário (UI & UX) no novo site de lançamento da E-Music Relations, assessoria de música eletrônica, em 2020. Programado com HTML5 / CSS3 / Javascript + jQuery com integração ao WordPress.
A construção de identidade visual desta interface partiu do logotipo já existente da empresa, que são as formas circulares geométricas formando uma ilustração ambígua entre um alto-falante/pick-up de DJ. Sendo assim, exploramos outros elementos geométricos para somar na construção, deixando um visual que não fosse tão “pacato” institucionalmente mas que ao mesmo abordasse profissionalismo e seriedade.
Apesar de elementos visuais e animações rolando durante o site, sua estrutura não tem o peso de uma música em streaming (5mb), sendo leve e de execução funcional para todos os dispositivos e navegadores.
Confira como ficou cada página pelas prévias abaixo:
Nesta repaginada tivemos muitas melhorias, especialmente agora com a licenciatura da NBA (National Basketball Association) ao projeto. Com design da interface mais profissional e interativo, a programação deste novo tema WordPress contou com novas técnicas de UX & UI que foram implementadas para cativar fãs do esporte a se juntarem às escolas e também apoiarem o projeto.
Design de interface e programação do novo site da companhia Escola de Basquete por Denilson Leite, instruindo futuros atletas do basquete brasileiro ao melhor caminho e com dedicação. A companhia tem um longo histórico de sucesso mas ainda não tinha website para mostrar seus trabalhos e prospectar com que é fã do esporte. Este foi um tema WordPress feito para companhia finalmente poder mostrar seus serviços online sem contar com redes sociais.
A ideia de layout deste foi criar um vestiário de quadra de basquete com várias inspirações do esporte em cada armário.
Após este lançamento a procura às escolas parceiros aumentou em 6x.
Página inicial:
A animação inicial que o website trazia:
Página interna “O que é”:
Exemplo de página interna estilizada com informações de uma escola selecionada:
Design de interface + tema WordPress programado com HTML5 / CSS3 / Javascript + jQuery / PHP para a turnê da Ópera Rock “Doze Flores Amarelas” da banda Titãs no primeiro semestre de 2018.
HTML5 Video sobreposto de introdução (primeiro scroll):
Interatividade UI+UX somando ao roteiro da peça (de reunir 12 flores) para ler mais sobre no site:
Design de interface + criação de tema WordPress para o Tokyo 東京 – um prédio de 9 andares com karaokê, restaurante e pista no terraço com vista ao coração de São Paulo.
Somando a experiência do produto em si, o site desenvolvido com HTML5 / CSS3 / Javascript + jQuery / PHP tem sua navegação assim como é a visita ao prédio – subindo os andares de cima pra baixo – pra cada lugar do espaço.
Site desenvolvido para a empresa CataPraga | Controle integrado de pragas. Codificado em HTML5 / CSS3 / Javascript + jQuery + jQuery UI + Paroller e integrado ao painel WordPress.
Desktop:
Mobile:
O site contou com umas “brincadeirinhas” com seus navegantes (menos pra quem não suporta mesmo baratas, moscas ou ratos). A cada vez que recarregar a página, aparece uma nova “praga” para aterrorizar os personagens no quadrinho:
Baratas (edição de Chroma Key):
Moscas (edição de Chroma Key):
Ratos (Edição de Chroma Key):
Além disso, contou com uma inserção de personagens famosos & memes para transportar a imagem de “Não sabe mais o que fazer”, também dispostos de forma aleatória a cada reload:
Aprimoramos algumas técnicas de UI+UX para fazer a experiência do espetáculo ser transmitida através do website e também providenciar ao usuário as informações importantes do espetáculo.
Dois trabalhos realizados para o musical da Broadway “Les misérables” – A acalmada nova produção de Cameron Mackintosh do musical de Boublil & Schönberg, produção da T4F – TIME FOR FUN.
Primeiro, construído a landing page de pré-estreia 1 mês antes da estreia (dia 10 de março de 2017):
Após a estréia, desenvolvido tema WordPress com HTML5 / CSS3 / Javascript + jQuery / PHP para o site oficial:
Design da interface e programação HTML5 / CSS3 / Javascript + jQuery, integrado com WordPress, para o novo club de São Paulo: Selva, localizado na Rua Augusta, 501.
Site atualmente no ar! Acesse selva.club, entre na Selva.