↑↓ selecionar · ENTER ir · ESC fechar

TURKIN Mapear o projeto

Trabalho para cliente Sites

Site de uma consultora em registro de medicamentos: reconstruído, com diagrama interativo

Site institucional de uma especialista em registro de medicamentos na União Econômica Eurasiática: consultoria para empresas farmacêuticas e mentoria para futuros especialistas. Do desenvolvedor anterior restou apenas o site no ar, então o site foi reconstruído a partir de uma cópia: o diagrama circular foi redesenhado e ganhou vida, imagens aleatórias deram lugar a imagens que fazem sentido, e os contatos passaram a abrir o e-mail com um botão. Versões em russo e inglês, sem construtores de sites nem bibliotecas.

2
versões: russo e inglês
7
seções em uma única página
0
construtores de sites ou bibliotecas
Discutir uma tarefa semelhante Todos os trabalhos: sites
Site de uma consultora em registro de medicamentos: reconstruído, com diagrama interativo
Uma gravação do site no ar: a rolagem, as animações e as transições como o visitante as vê. Alterne entre computador e celular; as seções à direita levam direto àquele ponto da página. Espaço pausa, e as setas passam de uma seção para outra.

A tarefa

Finalizar um site feito por outro desenvolvedor sem nenhum arquivo-fonte: manter o conteúdo, tornar o diagrama claro e vivo e deixar o site bem-acabado no celular.

O que eu fiz

  • Site reconstruído a partir de uma cópia: HTML limpo, todo o texto legível mesmo sem JavaScript
  • O ciclo completo de registro como diagrama SVG: no computador, as etapas se acendem uma a uma; um clique fixa a etapa e abre sua descrição
  • No celular, o diagrama vira uma narrativa: o anel fica fixo no topo, e o cometa e o destaque acompanham os cards durante a rolagem
  • Animações sem bibliotecas: blocos aparecem com a rolagem, números sobem em contagem, cards se iluminam sob o cursor, fotos têm um parallax suave
  • O fundo da primeira tela são moléculas e ligações desenhadas em Canvas; no celular há menos delas, para que o texto continue legível
  • Imagens aleatórias trocadas por imagens que fazem sentido, contatos que abrem o e-mail com um botão, endereço copiado com um clique
  • Versões em russo e inglês, menu mobile navegável pelo teclado, progresso de leitura no cabeçalho
  • A configuração “reduzir movimento” é respeitada: as animações se desligam, o conteúdo permanece

Comprovação

  • A página exibe uma gravação do site no ar, no computador e no celular: o diagrama funciona de forma diferente em cada um

9 · Clique em qualquer item para ampliar

O que mais você pode me confiar

  • Uma landing page para um serviço ou curso, com formulário de inscrição
  • Um site-catálogo: trabalhos ou produtos por seção, cada um com sua página e um formulário de pedido
  • Concluir ou reconstruir um site começado por outra pessoa
  • Conectar os formulários de um site em WordPress, Tilda ou Bitrix a um CRM e ao Telegram
  • Templates de e-mail em HTML para disparos pelo CRM
  • Acelerar um site, corrigir a versão mobile, fazer uma auditoria de SEO
Discutir uma tarefa semelhante
Todos os trabalhos: sites