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. 

thumbnail_HERVAL.png

HERVAL.png

Grupo Herval

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

thumbnail_ONHERE.png

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.

thumbnail_senge.png

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

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

FTD_0dd125f815 (1).svg

FTD Educação

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

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.