↑↓ auswählen · ENTER öffnen · ESC schließen

TURKIN Projekt aufschlüsseln

Kundenauftrag Websites

Website einer Beraterin für Arzneimittelzulassung: neu aufgebaut, mit lebendigem Schema

Eine Business-Website für eine Expertin für Arzneimittelzulassung in der EAWU: Beratung für Pharmaunternehmen und Mentoring für angehende Fachleute. Vom vorherigen Entwickler war nur die laufende Website geblieben, deshalb wurde sie anhand einer Kopie neu aufgebaut: das Kreisschema neu gezeichnet und zum Leben erweckt, beliebige Bilder durch aussagekräftige ersetzt, Kontakte öffnen per Button das E-Mail-Programm. Russische und englische Version, ohne Baukasten und ohne Bibliotheken.

2
Versionen: Russisch und Englisch
7
Abschnitte auf einer Seite
0
Baukästen oder Bibliotheken
Ähnliche Aufgabe besprechen Alle Arbeiten: Websites
Website einer Beraterin für Arzneimittelzulassung: neu aufgebaut, mit lebendigem Schema
Eine Aufnahme der Live-Website: Scrollen, Animationen und Übergänge so, wie ein Besucher sie sieht. Wechseln Sie zwischen Computer und Smartphone; die Abschnitte rechts springen an die jeweilige Stelle der Seite. Die Leertaste pausiert, die Pfeiltasten wechseln zwischen den Abschnitten.

Die Aufgabe

Die Website eines anderen Entwicklers fertigstellen, obwohl keine Quelldateien mehr existieren: den Inhalt erhalten, das Schema verständlich und lebendig machen und die Website auf dem Smartphone sauber aussehen lassen.

Meine Umsetzung

  • Website anhand einer Kopie neu aufgebaut: sauberes Markup, sämtlicher Text auch ohne JavaScript lesbar
  • Der gesamte Zulassungszyklus als SVG-Schema: Am Computer leuchten die Phasen nacheinander auf, ein Klick fixiert eine Phase und öffnet ihre Beschreibung
  • Auf dem Smartphone wird das Schema zur Scroll-Story: Der Ring bleibt oben fixiert, Komet und Hervorhebung folgen den scrollenden Karten
  • Animationen ohne Bibliotheken: Blöcke erscheinen beim Scrollen, Zahlen zählen hoch, Karten leuchten unter dem Mauszeiger auf, Fotos mit sanftem Parallax-Effekt
  • Der Hintergrund des Startbereichs: Moleküle und ihre Bindungen, auf Canvas gezeichnet; auf dem Smartphone sind es weniger, damit der Text lesbar bleibt
  • Beliebige Bilder durch aussagekräftige ersetzt, Kontakte öffnen per Button das E-Mail-Programm, die Adresse lässt sich mit einem Klick kopieren
  • Russische und englische Version, ein per Tastatur bedienbares mobiles Menü, Lesefortschritt im Header
  • Die Einstellung „Bewegung reduzieren“ wird berücksichtigt: Die Animationen werden abgeschaltet, der Inhalt bleibt

Nachweis

  • Die Seite zeigt eine Aufnahme der Live-Website am Computer und auf dem Smartphone: Das Schema verhält sich auf beiden unterschiedlich

9 · Zum Vergrößern anklicken

Womit Sie mich außerdem beauftragen können

  • Eine Landingpage für eine Dienstleistung oder einen Kurs, mit Buchungsformular
  • Eine Katalog-Website: Arbeiten oder Produkte nach Rubriken, jeweils mit eigener Seite und Bestellformular
  • Eine von jemand anderem begonnene Website fertigstellen oder neu aufbauen
  • Formulare einer WordPress-, Tilda- oder Bitrix-Website mit CRM und Telegram verbinden
  • HTML-E-Mail-Vorlagen für CRM-Mailings
  • Eine Website beschleunigen, die mobile Version reparieren, ein SEO-Audit durchführen
Ähnliche Aufgabe besprechen
Alle Arbeiten: Websites