Somos um estúdio, especializado em **tecnologia**, implementamos plataformas de e-commerce com **design** personalizado para criar **experiências** únicas, onde cada projeto é pensado conforme suas necessidades, com o **usuário** no centro de tudo.


**Code can be beautiful**

Um studio **100% digital** onde a **tecnologia** está no nosso **DNA**.

IMG_4807.jpg

sao-paulo.jpeg

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.

WTAG_6ec3a34c1a (1).svg

WT.AG

Um complexo em Novo Hamburgo com fornecedores de arquitetura e design de alto padrão.

GLASSMALL_d1ee2de417.svg

Glass Mall

O Grupo Herval é uma empresa gaúcha fundada em 1959. Com sede na cidade de Dois Irmãos, Rio Grande do Sul, integra segmentos diferenciados e está presente em todas as regiões do país. 

HERVAL.png

Grupo Herval

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

FTD_0dd125f815 (1).svg

FTD Educação

A OnHere é uma logtech especializada em gestão e controle de entregas para o varejo farmacêutico.

ONHERE.png

OnHere

A Somehr facilita as relações médicas junto às operadoras de planos de saúde, intermediando as negociações dos honorários médicos e garantem segurança e eficiência no processo de faturamento dos serviços prestados.

SOMEHR.svg

Somehr

A Arezzo&Co é uma renomada empresa brasileira do setor de moda e calçados, com uma trajetória de sucesso e prestígio no mercado.

arezzoeco.svg

Arezzo&co

A Nobs&Co é uma empresa especializada em produtos de autocuidado e beleza que unem estilo e praticidade! 

Nobs.svg

Nobs&co

A Konecto é uma empresa americana que atua no ramo de Internet das coisas (IOT).

konecto.svg

Konecto

Criada no final de 2019 com o propósito de contar belas histórias sobre o INUSITADO no mundo do vinho.

MARVIN_3e6c4f630a.svg

Marvin Importadora

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_d630c75032.svg

MCVL Representações

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_3dbd5469a6.svg

Piccadilly

Guerreiro Administração Judicial é um escritório especializado em direito empresarial e administração judicial, localizado na cidade de Novo Hamburgo, no Rio Grande do Sul.

guerreiro.svg

Guerreiro Administração Judicial

O Sindicato dos Engenheiros no Estado do Rio Grande do Sul (Senge RS) é uma entidade representativa que atua na defesa dos interesses dos profissionais da engenharia no estado do Rio Grande do Sul.

senge.png

Senge RS

Com uma trajetória de mais de duas décadas, a Paim é uma empresa que atua em todo o território nacional, tendo sua base localizada em Porto Alegre, no estado do Rio Grande do Sul.

PAIM.svg

Paim

A Obra Pronta Engenharia atua em obras comerciais e corporativas na região sul do Brasil.

OBRA PRONTA.svg

Obra Pronta

Desde o Branding até a produção audiovisual, a C2 Content desenvolve materiais que estabelecem vínculos e despertam o desejo de fazer parte da identidade e ação de cada marca.

c2.svg

C2 Content

O Grupo Defferrari é uma rede de empresas especializadas em serviços na área de informática, voltadas para atender às demandas no campo da Tecnologia da Informação.

DEFFERRARI.svg

Grupo Defferrari

Trabalhamos com empresas líderes em seus segmentos, a próxima pode ser a sua.

nobs banner 2.png

Nobs Galeria 3.png

Nobs Galeria 1.png

Nobs Galeria 4.png

A implantação do novo e-commerce Shopify foi um passo importante para a Nobs&Co, permitindo que a empresa expanda sua presença online e alcance um público ainda maior. Com a nova plataforma, os clientes da Nobs&Co podem explorar e adquirir os produtos de autocuidado e beleza de forma fácil e conveniente, diretamente do conforto de suas casas.

A integração do Bling como ERP proporciona à Nobs&Co um eficiente gerenciamento de pedidos, estoque e finanças, otimizando os processos internos da empresa e garantindo uma operação mais eficaz. Além disso, a integração do Frenet como plataforma de cotação e gestão de fretes possibilita uma logística de envio mais eficiente e confiável, garantindo que os produtos da Nobs&Co cheguem aos clientes de forma rápida e segura.

A escolha do Mercado Pago como gateway de pagamentos proporciona aos clientes da Nobs&Co uma experiência de checkout segura e conveniente, com diversas opções de pagamento disponíveis, inclusive pagamento via PIX.

large_Nobs banner principal.png

medium_Nobs banner principal.png

small_Nobs banner principal.png

thumbnail_Nobs banner principal.png

Nobs banner principal.png

medium_nobs.jpg

small_nobs.jpg

thumbnail_nobs.jpg

nobs.jpg

A Nobs&Co é uma empresa que oferece aos seus clientes produtos de autocuidado e beleza que combinam estilo e praticidade. 

Com a implantação do novo e-commerce Shopify, a Nobs&Co está preparada para atender às demandas do mercado online, oferecendo uma experiência de compra aprimorada aos seus clientes e impulsionando seu crescimento no ambiente digital.




E-commerce Shopify para Nobs

nobs banner 3.png

Nobs Galeria 2.png

FTD_Landing_Page_Rebranding_Galeria_3_842f86b4df.png

FTD_Landing_Page_Rebranding_Galeria_4_c1b9ebb371.png

FTD_Landing_Page_Rebranding_Galeria_5_6584d9e10a.png

FTD_Landing_Page_Rebranding_Galeria_6_3b6bcba2b2.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.


large_ftd_9b7507b645.png

medium_ftd_9b7507b645.png

small_ftd_9b7507b645.png

thumbnail_ftd_9b7507b645.png

ftd_9b7507b645.png

medium_ftd.png

small_ftd.png

thumbnail_ftd.png

ftd.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_3695d132d0.png

FTD_Landing_Page_Rebranding_Galeria_2_3af875ab11.png

large_Video_71ae6ecfbe.jpeg

medium_Video_71ae6ecfbe.jpeg

small_Video_71ae6ecfbe.jpeg

thumbnail_Video_71ae6ecfbe.jpeg

Video_71ae6ecfbe.jpeg

piccadilly_3_96d35dbf63.jpeg

piccadilly_838638d87c.jpeg

piccadilly_5_a16c008c9f.jpeg

piccadilly_4_125ec6be2d (1).jpeg

**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 :)

large_piccadilly_6_3789fee251.jpeg

medium_piccadilly_6_3789fee251.jpeg

small_piccadilly_6_3789fee251.jpeg

thumbnail_piccadilly_6_3789fee251.jpeg

piccadilly_6_3789fee251.jpeg

medium_piccadilly.png

small_piccadilly.png

thumbnail_piccadilly.png

piccadilly.png

"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_7b17e8e5de.jpeg

piccadilly_2_773e49372d.jpeg

mcvl_galeria_de_conteudo_do_site_1_52a7de218a.png

mcvl_galeria_de_conteudo_do_site_3_1a78b440e5.png

mcvl_galeria_de_conteudo_do_site_2_c2d51a3fd8.png

mcvl_imagem_principal_do_site_mobile_4b8c53ee56.png

**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/) o resultado da nova LP da MCVL. 

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


large_mcvl_6_25bcbf5051.png

medium_mcvl_6_25bcbf5051.png

small_mcvl_6_25bcbf5051.png

thumbnail_mcvl_6_25bcbf5051.png

mcvl_6_25bcbf5051.png

medium_mcvl.png

small_mcvl.png

thumbnail_mcvl.png

mcvl.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.


Nova experiência de LP para MCVL

mcvl_galeria_de_imagens_do_site_1_537d3c9563.png

mcvl_galeria_de_imagens_do_site_2_9356f08b25.png

lider (1).jpg

lider-2.jpg

banner-bottom.jpg

left.jpg

right.jpg

wt_ag_6_7bfcc90718.jpg

**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

E aí, curtiu? Confira aqui 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.

large_banner.jpg

medium_banner.jpg

small_banner.jpg

thumbnail_banner.jpg

banner.jpg

medium_wtag.png

small_wtag.png

thumbnail_wtag.png

wtag.png

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

large_banner-video.jpg

medium_banner-video.jpg

small_banner-video.jpg

thumbnail_banner-video.jpg

banner-video.jpg

pnld_1_138135788f_2.jpg

pnld_2_d5c5d7b8f5.jpg

pnld-6-3486295c5e.jpg

pnld_5_22fb0aad3b.jpg

**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.

large_pnld_a5ff9e2e5e-_1_.jpg

medium_pnld_a5ff9e2e5e-_1_.jpg

small_pnld_a5ff9e2e5e-_1_.jpg

thumbnail_pnld_a5ff9e2e5e-_1_.jpg

pnld_a5ff9e2e5e-_1_.jpg

medium_pnld.png

small_pnld.png

thumbnail_pnld.png

pnld.png

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

banner-1.webp

banner-2.webp

glassmall banner 2.png

glassmall banner 3.png

glassmall banner 5.png

glassmall banner 6.png

glassmall banner 7.png

glassmall banner 4.png

A Qodde, em parceria com o Glass Mall, tem o prazer de apresentar o exclusivo programa de pontos para arquitetos participantes. Esse programa foi desenvolvido para destacar ainda mais as lojas parceiras do Glass Mall e incentivar a colaboração entre os arquitetos e as empresas do setor.

Conhecido por suas lojas selecionadas e ativações de marcas cotistas, o Glass Mall oferece uma ampla gama de soluções únicas em arquitetura, decoração e design. Agora, com o programa de pontos desenvolvido pela Qodde, os arquitetos que indicarem as lojas do shopping poderão acumular pontos e trocá-los por benefícios especiais.

Participar do programa de pontos é simples. Os arquitetos podem indicar as lojas parceiras do Glass Mall aos seus clientes ou colegas, compartilhando as opções disponíveis no complexo. A cada indicação bem-sucedida, os arquitetos acumulam pontos, que podem ser trocados por descontos na cafeteria do Glass Mall, brindes especiais e outros benefícios exclusivos.

Essa é uma oportunidade emocionante para as lojas parceiras do Glass Mall ganharem ainda mais visibilidade, sendo indicadas por uma gama maior de arquitetos que frequentam o complexo. É uma maneira de reconhecer a qualidade e a diversidade das opções oferecidas pelas lojas, incentivando ainda mais a colaboração entre os profissionais do setor.

large_glassmall banner.png

medium_glassmall banner.png

small_glassmall banner.png

thumbnail_glassmall banner.png

glassmall banner.png

medium_glassmall.jpg

small_glassmall.jpg

thumbnail_glassmall.jpg

glassmall.jpg

A landing page desenvolvida pela Qodde é uma vitrine virtual que permite aos visitantes do site do Glass Mall conhecerem os parceiros cotistas e lojistas que fazem parte desse complexo voltado para arquitetura, decoração e design. Com um design moderno e intuitivo, a landing page oferece uma experiência visualmente atraente e fácil de usar.

Os parceiros cotistas e lojistas do Glass Mall são destacados na landing page, com informações detalhadas sobre suas áreas de atuação, bem como sues meios de contato. Os visitantes podem explorar os perfis dos parceiros, conhecer suas marcas e descobrir as soluções únicas que eles têm a oferecer para o alto padrão de arquitetura e decoração.

Além disso, a landing page também fornece informações adicionais sobre o Glass Mall, destacando sua localização estratégica em Novo Hamburgo, sua história e o compromisso de preservar a arquitetura original dos pavilhões da década de 1940.

O Glass Mall é um complexo voltado para a arquitetura, decoração e design, com o objetivo de promover experiências e relacionamentos entre lojistas e profissionais desses setores. Com uma área de 4.500 m², o Glass Mall abriga 15 lojistas e marcas cotistas, que apresentam soluções exclusivas para o segmento de alto padrão da arquitetura e decoração.

Somos especialistas em implementar plataformas de e-commerce com design personalizado para experiências únicas.

Plataformas

Somos UX First. Em cada projeto, até o mínimo detalhe é maximizado.

Trabalhamos com empresas líderes em seus segmentos, a próxima pode ser a sua.

Um studio 100% digital onde a tecnologia está no nosso DNA.