image 35.jpg

image 34.png

Clientes que embarcaram em nossos projetos.

wt.ag - 3.jpg

wt.ag - 4.jpg

wt.ag - 5.jpg

wt.ag - 1.jpg

wt.ag - 6.jpg

wt.ag - 2.jpg

A WTAG é uma agência de publicidade com foco em branding e performance que sabe que comportamento e tecnologia não estão apenas interligados, mas andam em constante mudança.

WT.AG

**UX Design**

Pensado em mobile first, o layout é moderno e clean, apresentando uma interface limpa e agradável. Seguindo os guides da marca, estão presentes os grafismos e as cores de uma forma harmônica, sem deixar o conteúdo maçante. 

**Desenvolvimento**

A WT.AG tinha uma arquitetura mais antiga quando se tratava de tecnologia em seu site, construído em uma plataforma monolítica que acarretava em velocidade menor para desenvolvimento, logo e influenciava mais custos. 

Então, a Qodde sugeriu separar o back-end do front-end, utilizando assim uma API Rest para o tráfego de informações. Isso traz mais segurança e dá mais agilidade no desenvolvimento. No front-end, foi utilizado NextJs com renderização das páginas via servidor (SSR). As animações ficaram por conta da biblioteca Framer Motion, que trabalhou junto ao ReactJs para dar interatividade às páginas.

Para o back-end foi construído um CMS (Content Managment System) exclusivo para o site, suprindo as necessidades da agência e facilitando o cadastro das informações.

**Transforma**

Uma novidade na WT.AG é o programa de estágio remunerado Transforma, voltado para compartilhar conhecimento com jovens que desejam aprender sobre e-commerce na prática. Além da formação in loco na sede da agência, os futuros profissionais podem vivenciar todos os desafios do dia a dia. Conheça mais sobre o Transforma na landing page criada pela Qodde: [https://wt.ag/transforma](https://wt.ag/transforma)

E aí, curtiu? Confira aqui [https://wt.ag/](https://wt.ag/) o resultado do novo site da WT.AG. 
Para saber mais sobre os próximos projetos da Qodde, siga as redes sociais abaixo.


thumbnail_wt.ag.jpg

wt.ag.jpg

thumbnail_wt.ag - 6.jpg

Desde 2003, a WT.AG atua nas áreas de branding e performance, com mindset digital first. Uma equação que tem a criatividade orientada aos resultados, os dados aplicados à construção de marca, os influencers como assets de performance e o e-commerce como flagship de marca. Desde sua fundação, a agência foi construída baseada na experiência digital para trazer resultados capazes de transformar negócios.

Neste ano, em que completa 19 anos de história, um novo site foi planejado para comemorar a trajetória. A Qodde é responsável por criar o projeto, desde a concepção até a entrega final, focando em cada detalhe para o usuário ter uma experiência completa.


Como a WT.AG vive em constante movimento rumo à inovação, foi essencial desenvolver um novo site moderno e minimalista que conta a narrativa transformadora que tem em seu DNA. 


Novidade marca a trajetória de 19 anos da agência

Novo site para a WT.AG

thumbnail_video-wtag.webp

video-wtag.webp

pnld - 1.jpg

pnld - 6.jpg

pnld - 2.jpg

pnld - 5.jpg

Compromisso em transformar o futuro por meio da Educação.

FTD Educação

**UX Design**

Com a nova apresentação das telas, foi desenvolvido um novo layout, mais clean e leve, mas ao mesmo tempo lúdico (visto que a campanha já tem uma identidade com muitos grafismos), seguindo o KV enviado. Nós apenas damos a nossa cara e deixamos uma apresentação limpa, agradável e intuitiva. 

**Desenvolvimento**

No desenvolvimento, utilizamos o Wordpress, requisito para a construção destas páginas e o Elementor foi a biblioteca responsável pela estrutura das páginas, com ele foi possível replicar o layout fiel ao que foi criado na etapa de UX Design.



thumbnail_pnld.jpg

pnld.jpg

thumbnail_pnld - 5.jpg

No PNLD a escolha das obras didáticas ocorre por Objeto. Os objetos são fases para a definição dos materiais para cada ciclo escolar, sendo que cada objeto representa um tipo de material específico que as escolas da rede de ensino público escolhem para ser usado nos próximos 4 anos. O objeto 1 definiu a escolha para obras didáticas para o professor e aluno.


No Objeto 1, trabalhamos em uma nova proposta de apresentação das páginas, um trabalho bem importante para empresa, visto que está ligado a regulamentações e também é um lançamento e divulgação dos livros. 


Uma nova apresentação das telas, um novo layout, mais clean e leve.

Atualização da Coleção PNLD Objeto 1

pnld - 3.jpg

pnld - 4.jpg

FTD - Landing Page Rebranding - Galeria 3.png

FTD - Landing Page Rebranding - Galeria 4.png

FTD - Landing Page Rebranding - Galeria 5.png

FTD - Landing Page Rebranding - Galeria 6.png

**UX Design**


O layout foi pensado para que a tela responda às interações que o usuário faz com o scroll, onde os objetos vão sendo revelados com animações a cada vez que a tela é rolada. Uma maneira mais dinâmica e fluida para o usuário navegar pela landing page. 

Os botões foram suavizados e a disposição dos textos foi criada para permitir uma leitura ágil, facilitando a compreensão sobre a história e os destaques da FTD. 



**Desenvolvimento**


No desenvolvimento, utilizamos JavaScript como linguagem base, Webpack para module bundler e biblioteca Gsap para controlar as animações na tela. O html e scss também tiveram papel fundamental na estruturação do corpo da página, que traz uma narrativa bem amarrada tanto da história da FTD, como soluções entregues, features com dados e contato. 



E aí, curtiu? [Confira aqui](https://ftd.com.br/) o resultado. 

Para saber mais sobre os próximos projetos da Qodde, siga as redes sociais abaixo. 


thumbnail_ftd.png

ftd.png

FTD - Landing Page Rebranding - Website Mobile - Cover.png

thumbnail_FTD - Landing Page Rebranding - Website Mobile - Cover.png

Há 120 anos, a FTD Educação se dedica a conectar histórias e construir futuros por meio do conhecimento. Hoje é reconhecida como a mais completa editora de livros didáticos do Brasil e a primeira a cobrir todas as áreas de ensino, com projetos inovadores para educar os estudantes e auxiliar os professores em sala de aula.

Neste ano, em que a FTD completa o marco de 120 anos de trajetória, um processo de rebranding começou a ser preparado. Isso inclui a nova landing page desenvolvida pela Qodde, trazendo mais personalidade, modernidade e criatividade para apresentar o novo momento da editora ao público. 

A Qodde participou desde a concepção até a entrega final do produto para o cliente. Um projeto focado nos mínimos detalhes que proporciona ao usuário uma experiência imersiva no universo FTD. 


A nova landing foi desenvolvida para lançar o rebranding da editora que agora conta com um layout moderno e mais interativo 

Landing page para FTD Educação 

FTD - Landing Page Rebranding - Galeria 1.png

FTD - Landing Page Rebranding - Galeria 2.png

thumbnail_Video.jpg

Video.jpg

piccadilly.jpg

piccadilly-4.jpg

piccadilly-5.jpg

piccadilly-3.jpg

A PICCADILLY oferece produtos e serviços que combinam qualidade, conforto e beleza. Os modelos são assinados por uma marca que encoraja as mulheres a se sentirem confortáveis com suas escolhas e sua essência para trilharem a sua própria caminhada.

Piccadilly

**UX Design** 

Com o intuito de deixar o visual do site mais leve e clean, substituiu-se a cor predominante preta, pelo rosa padrão do catálogo da marca.

Baseado em um KV existente, algumas seções sofreram alterações para se adequar ao novo material gráfico da empresa.


**Desenvolvimento** 

Como o projeto foi desenvolvido por outra empresa, não se teve muita abertura para inovar na tecnologia. Desenvolveu-se com tecnologia existente para suprir a necessidade do cliente naquele momento. Acreditamos que é possível evoluir para uma arquitetura mais moderna e segura. Quando isso acontecer, voltamos aqui pra contar :)


thumbnail_piccadilly-6.jpg

piccadilly-6.jpg

thumbnail_piccadilly-4.jpg

"Uma oportunidade de negócio tão sólida quanto a nossa história." Essa é a frase que abre o site de franquias da Piccadilly, que no decorrer das páginas conta a sua trajetória:

Em 1955, na cidade de Igrejinha, nasce a PICCADILLY produzindo inicialmente 12 pares por dia, mas já com muita paixão e dedicação.

Já em 1958, nasce uma marca, a PICCADILLY é registrada. Nome que foi inspirado no ponto turístico londrino Piccadilly Circus.


No ano de 2019, teve como ponto marcante em sua história, a consolidação do seu sucesso com o lançamento das franquias PICCADILLY.

Em 2022, o site de franquias passa por uma atualização. Além de atualizar seu conteúdo, a Qodde participa da elaboração de um redesign em algumas seções.


Uma oportunidade de negócio tão sólida quanto a nossa história.

Atualização do site de franquias

piccadilly-1.jpg

piccadilly-2.jpg

galeria-bottom-2.png

galeria-bottom-4.png

galeria-bottom-1.png

mcvl-3.png

Marvin Importadora. Criada no final de 2019 com o propósito de contar belas histórias sobre o INUSITADO no mundo do vinho. Nasce da busca de ressignificar meio século de vivências, da procura de novos desafios, da ânsia de aprender e se reinventar.

Marvin Importadora

**UX Design** 

O design do site é clean, moderno e bem organizado. Seguimos a lógica da marca, que se destaca pelo seu layout minimalista, cores sóbrias e logotipo simples. A navegação é intuitiva e fácil de usar, o que torna a experiência do usuário muito agradável. Além disso, está em desenvolvimento um blog com conteúdo relevante e interessante para reforçar a Marvin Importadora como uma autoridade no seu segmento.

**Desenvolvimento** 

No front-end a Qodde desenvolveu o site usando o Next.js, um framework JavaScript open source que facilita o desenvolvimento de aplicações web modernas. O site é responsivo, o que significa que se adapta automaticamente às diferentes telas dos dispositivos móveis. Para tornar a visitação mais fluida, o site carrega rapidamente, mesmo em conexões de internet lentas.

No back-end foi usado o Strapi como CMS, um gerenciador de conteúdos open source que permite a geração de sites e aplicações de forma rápida e fácil. Ele vem com um conjunto completo de ferramentas que permitem a criação, gerenciamento de conteúdo, usuários e configurações do site. O Strapi também é extremamente flexível, podendo ser estendido para atender às necessidades específicas de um site ou aplicação.

E aí, curtiu? Confira aqui ([https://www.marvinimportadora.com.br/](https://www.marvinimportadora.com.br/)) o resultado completo do novo site da Marvin Importadora. 
Para saber mais sobre os próximos projetos da Qodde, siga nossas redes sociais.


thumbnail_mcvl-7.png

mcvl-7.png

thumbnail_mcvl-3.png

Criada no final de 2019, A Marvin Importadora nasceu com o propósito de contar histórias sobre o mundo do vinho, buscando ressignificar meio século de vivências. A marca está em constante procura por novos desafios e sabores para possibilitar memórias e sensações marcantes. Isso porque acredita na importância dos momentos compartilhados que integram a jornada de cada apaixonado por vinho.

Com o crescimento da demanda por produtos do negócio, a empresa decidiu investir em um site que ofereça aos clientes uma melhor visualização dos produtos e das informações necessárias para a compra. A Qodde mergulhou nesse universo para desenvolver uma experiência completa, digna dos melhores vinhos. 


O projeto surge para posicionar digitalmente a marca e melhorar sua comunicação com os clientes.

Novo site para Marvin Importadora

galeria-top-1.png

galeria-top-2.png

mcvl - galeria de conteudo do site 1.png

mcvl - galeria de conteudo do site 2.png

mcvl - imagem principal do site mobile.png

mcvl - galeria de conteudo do site 3.png

Empresa de representação de calçados femininos com sede em Sapiranga/RS, com a missão de conectar lojistas de todo o Brasil, ao melhor portfólio de fabricantes da região sul do país.

MCVL Representações

**Desenvolvimento**

A landing page foi desenvolvida utilizando as tecnologias mais inovadoras disponíveis, como Next.js com renderização server side. Isso garante um ótimo desempenho e uma experiência ainda melhor de uso. Além disso, o site está otimizado para os principais mecanismos de busca, o que facilita a sua divulgação. 

**Multi Idiomas**

Quando se trata de criar um site para uma empresa que atua em vários países é importante considerar no desenvolvimento a função de multi idiomas. Isso permitirá que seus potenciais clientes sejam capazes de navegar no site em seu próprio idioma, o que pode aumentar significativamente as chances de converter o visitante em cliente. 

Pensando nisso, a Qodde fez o desenvolvimento considerando os três principais idiomas: português, espanhol e inglês. Para alterar a língua basta acessar o menu e clicar no idioma desejado e, imediatamente, sem mesmo fazer um novo carregamento, a LP é traduzida.

E aí, curtiu? Confira aqui ([https://mcvl.com.br/](https://mcvl.com.br/)) o resultado da nova LP da MCVL. 
Para saber mais sobre os próximos projetos da Qodde, siga nossas redes sociais.


thumbnail_mcvl-6.png

mcvl-6.png

thumbnail_mcvl-4.png

mcvl-4.png

Há 25 anos a MCVL Representações é referência no mercado calçadista. A empresa é focada na representação de calçados femininos com sede em Sapiranga/RS, tendo a missão de conectar lojistas de todo o Brasil ao melhor portfólio de fabricantes da região sul do país. 

O negócio decidiu investir em uma landing page buscando aumentar sua visibilidade na internet e atingir um público maior. A LP foi desenvolvida com o objetivo de apresentar a empresa e seus serviços, e também para realizar a captação de leads para o e-commerce B2C que foi criado paralelamente. A Qodde participou de cada etapa do desenvolvimento do novo ambiente digital da marca.  


Para lançar o e-commerce B2C da marca, a Qodde abraçou o desafio de criar um novo projeto digital.


Projetos