↑↓ elegir · ENTER ir · ESC cerrar

TURKIN Desglosar el proyecto

Encargo de cliente Sitios web

Sitio web de una asesora en registro de medicamentos: reconstruido y con un diagrama vivo

Sitio web profesional de una experta en registro de medicamentos en la Unión Económica Euroasiática: consultoría para empresas farmacéuticas y mentoría para futuros especialistas. Del desarrollador anterior solo quedaba el sitio en funcionamiento, así que se reconstruyó a partir de una copia: el diagrama circular se redibujó y cobró vida, las imágenes aleatorias se sustituyeron por otras con sentido y los contactos abren el correo con un botón. Versiones en ruso y en inglés, sin constructores web ni bibliotecas.

2
versiones: ruso e inglés
7
secciones en una sola página
0
constructores web o bibliotecas
Hablemos de una tarea similar Todos los trabajos: sitios web
Sitio web de una asesora en registro de medicamentos: reconstruido y con un diagrama vivo
Una grabación del sitio real: el desplazamiento, las animaciones y las transiciones tal como los ve un visitante. Alterne entre escritorio y móvil; las secciones de la derecha llevan a ese punto de la página. Espacio pone en pausa y las flechas pasan de una sección a otra.

La tarea

Terminar un sitio hecho por otro desarrollador cuando ya no quedan archivos fuente: conservar el contenido, lograr que el diagrama sea claro y vivo, y que el sitio se vea cuidado en móvil.

Qué hice

  • El sitio reconstruido a partir de una copia: maquetación limpia y todo el texto legible sin JavaScript
  • El ciclo completo de registro como diagrama SVG: en escritorio las etapas se iluminan por turnos, y un clic fija una etapa y abre su descripción
  • En móvil el diagrama se convierte en un relato: el anillo queda fijo arriba, y el cometa y el resaltado acompañan a las tarjetas al hacer scroll
  • Animaciones sin bibliotecas: los bloques aparecen al hacer scroll, las cifras se animan como un contador, las tarjetas se iluminan bajo el puntero y las fotos tienen un parallax suave
  • El fondo de la primera pantalla son moléculas y enlaces dibujados con Canvas; en móvil hay menos, para que el texto siga siendo legible
  • Las imágenes aleatorias, sustituidas por otras con sentido; los contactos abren el correo con un botón y la dirección se copia con un clic
  • Versiones en ruso y en inglés, un menú móvil accesible con teclado y el progreso de lectura en la cabecera
  • Se respeta el ajuste «reducir movimiento»: las animaciones se desactivan y el contenido se mantiene

Pruebas

  • La página reproduce una grabación del sitio real en escritorio y en móvil: el diagrama funciona de forma distinta en cada caso

9 · Haga clic en un elemento para ampliarlo

Qué más puede encargarme

  • Una landing page para un servicio o un curso, con formulario de reserva
  • Un sitio catálogo: trabajos o productos por secciones, cada uno con su página y un formulario de pedido
  • Terminar o reconstruir un sitio que empezó otra persona
  • Conectar los formularios de un sitio en WordPress, Tilda o Bitrix a un CRM y a Telegram
  • Plantillas de email HTML para envíos desde el CRM
  • Acelerar un sitio, arreglar la versión móvil, hacer una auditoría SEO
Hablemos de una tarea similar
Todos los trabajos: sitios web