↑↓ select · ENTER go · ESC close

TURKIN Map your project

Client work Websites

A drug-registration consultant’s site: rebuilt, with a living diagram

A business site for an expert in registering medicinal products in the EAEU: consulting for pharmaceutical companies and mentoring for future specialists. All that was left from the previous developer was the live site, so it was rebuilt from a copy: the circular diagram drawn again and brought to life, random pictures replaced with meaningful ones, contacts opening email from a button. Russian and English versions, no site builders or libraries.

2
versions: Russian and English
7
sections on one page
0
site builders or libraries
Discuss a similar task All work: websites
A drug-registration consultant’s site: rebuilt, with a living diagram
A recording of the live site: the scrolling, the animations and the transitions as a visitor sees them. Switch between the computer and the phone; the sections on the right jump to that place on the page. Space pauses, the arrow keys move between sections.

The task

Finish a site made by another developer when no source files are left: keep the content, make the diagram clear and alive, and make the site tidy on a phone.

What I did

  • The site rebuilt from a copy: clean markup, all the text readable without JavaScript
  • The full registration cycle as an SVG diagram: on a computer the stages light up in turn, a click pins a stage and opens its description
  • On a phone the diagram becomes a story: the ring pins to the top, and the comet and the highlight follow the scrolling cards
  • Animations without libraries: blocks appear on scroll, figures count up, cards light up under the pointer, photos have a gentle parallax
  • The first screen’s background is molecules and links drawn on a Canvas; fewer of them on a phone, so the text stays readable
  • Random pictures replaced with meaningful ones, contacts open email from a button, the address copies in one click
  • Russian and English versions, a keyboard-friendly mobile menu, reading progress in the header
  • The “reduce motion” setting is respected: the animations switch off, the content stays

Proof

  • The page plays a recording of the live site on a computer and on a phone: the diagram works differently on each

9 · Click any item to enlarge it

What else you can hand over to me

  • A landing page for a service or course, with a booking form
  • A catalogue site: works or products by section, each with a page and an order form
  • Finish or rebuild a site started by someone else
  • Connect the forms of a WordPress, Tilda or Bitrix site to a CRM and Telegram
  • HTML email templates for CRM mailings
  • Speed up a site, fix the mobile version, run an SEO audit
Discuss a similar task
All work: websites