„Support Ukraine“ ist eine Webseite, die entwickelt wurde, um die Ukraine im Kampf gegen die russische Aggression zu unterstützen. Die Webseite informiert über die russische Großangriffsinvasion der Ukraine und bietet Möglichkeiten zur Unterstützung sowie zur Hilfeleistung für Ukrainer in Ländern wie Deutschland (München) und Estland.

übersicht

1Ausgangslage

Wir standen vor der Herausforderung, ein Informationsportal für Menschen zu erstellen, die Unterstützung benötigen, sowie für Menschen und Organisationen, die bereit sind, diese Hilfe anzubieten. Eine Webseite, die mit den aktuellsten Nachrichten sowie verifizierten und zuverlässigen Daten und Fakten ausgestattet ist.

2Unsere Vorgehensweise

Für diese Aufgabe haben wir uns für das beliebte Content Management System WordPress entschieden. Wir entwickelten ein kreatives Webdesign mit Animationen und Voiceover, um die Benutzererfahrung zu verbessern. Die meisten Informationen auf der Website wurden von verschiedenen Nachrichtenseiten analysiert, wodurch die Ressource relevant und aktuell wurde.

support-ukraine.info
(1)
BRANCHE
Volunteer Project
(2)
region/LAND
Ukraine
(3)
benötigte services
Web-Entwicklung, Design-Erstellung, Tech. Support
(4)
produkte und leistungen
Homepage, Branding, Grafik-Design
(5)
Projektstatus
Executed. Filled in by the client
(6)
bearbeitungszeit
3 Monate
(7)
jahr
2022
img
Die Welt unterstützt die Ukraine
Die Welt unterstützt die Ukraine
img
img
img

ablauf

1
Aufgabe
Die Hauptaufgabe der Website bestand darin, aktuelle Informationen über die Lage in der Ukraine für ukrainische Flüchtlinge in Europa bereitzustellen. Ebenso sollten Quellen und Links angeboten werden, wo und welche Art von Hilfe sie erhalten können.
Lösung
Unser Team hat ein Informationsportal mit aktuellen und relevanten Informationen entwickelt, bei dem nicht alle Daten manuell eingegeben werden müssen, sondern die tatsächlichen Informationen von verifizierten Websites analysiert werden.
2
Aufgabe
Die Website sollte zwei Funktionen erfüllen. Zum einen die Information für Flüchtlinge und zum anderen die allgemeine Aufklärung anderer Besucher, die wenig über die Ukraine wissen.
Lösung
Ein helles und innovatives Design würde dazu beitragen, dass Besucher, die die wichtigsten Bereiche und Sehenswürdigkeiten der Ukraine nicht kennen, mehr darüber erfahren können. Kurze Geschichten: über die Höhepunkte dieses mutigen Landes würden präsentiert.
3
Aufgabe
Wir standen vor der Herausforderung, ein nationales Website-Portal hell und emotional zu gestalten. Einerseits musste die Lösung technologisch sein und andererseits mit ihren visuellen Botschaften helle Emotionen hervorrufen.
Lösung
Unser Studio hat alle in dieser Nische präsentierten Website-Portale untersucht und die beste Lösung für die Umsetzung der Website angeboten. Die Website ist hell, kreativ und funktional.

Design-Erstellung

Autor und innovative Arbeit unserer Designgruppe. Die Idee basierte darauf, das friedliche und blühende Bild der Ukraine zu zeigen, bevor der Krieg in ihr Gebiet kam, und den Kontrast zwischen dem, was der Aggressor zerstört hat und dem, was zerstört wurde, darzustellen. Die bedeutendsten architektonischen Denkmäler, für die die Ukraine bekannt war, sollten gezeigt werden und was jetzt mit ihnen geschehen ist.

Interaktive Karte:

Die interaktive Karte, die für diese Website entwickelt wurde, war die Idee unseres Webstudios. Unsere Designer haben alle Sehenswürdigkeiten und Denkmäler der Ukraine kartiert, während die Layouter eine interaktive, responsive Website erstellt haben.
Wir suchten nach jeder Inspiration, die wir bekommen konnten, um unsere Vision zu präsentieren. Einige Zeichnungen wurden von Fotos übernommen und von uns bearbeitet, andere wurden von Grund auf neu gezeichnet.

img
img

Wenn Sie auf dieses oder jenes Objekt klicken, erscheint eine Beschreibung des betreffenden Objekts. Ein spezieller Schieberegler ermöglicht es, Vorher/Nachher-Fotos zu sehen. Wenn Sie den Cursor bewegen, können Sie den Unterschied zwischen dem Zustand vor und nach dem Krieg sehen. Auf der Website sind aktuelle Fotos zu sehen, die zeigen, was mit dem jeweiligen architektonischen Objekt jetzt geschieht, wie stark es seit Kriegsbeginn zerstört oder beschädigt wurde.
Während wir durch die Website scrollten, erstellten wir Animationen und zeigten Zeichnungen, wie die Zerstörung durch Explosionen auf der Karte erscheint. Unsere besten Designer und Illustratoren haben an dieser Idee gearbeitet, und der ausgewählte Soundtrack ergänzt und veranschaulicht dieses Bild.

Illustrationen

Die Illustratoren und Designer unseres Webstudios waren äußerst kreativ bei der Gestaltung der Portalseite. Wir zeichneten jede Illustration von Hand auf einem Tablet und übertrugen sie in digitale Form. Die Hauptsache war, den allgemeinen Stil aller Objekte beizubehalten, aber gleichzeitig sicherzustellen, dass sie auf einen Blick als Icons erkennbar sind.

img
img

Piktogramme und Ikonen

Piktogramme und Icons spielen auf dieser Website eine wichtige Rolle. Sie sind minimalistisch gezeichnet, aber wenn man sich das Bild ansieht, ist sofort klar, um welches Objekt es sich in ukrainischer Sprache handelt. Durch Klicken darauf erhält man eine Beschreibung des betreffenden Ortes.
img
img
Die Menschen besuchen diese Webseite aus unterschiedlichen Gründen. Einige suchen nach Hilfe und Informationen darüber, wo sie diese bekommen können. Andere Menschen und Organisationen bieten ihre Hilfe an und möchten, dass diejenigen, die sie suchen, davon erfahren. Wir haben die Informationen für verschiedene Arten von Besuchern aufgeteilt, die hellen Schaltflächen in der oberen Ecke des Bildschirms erregen Aufmerksamkeit und laden zur Auswahl ein.

Geschichten:

Es sind Geschichten, die Menschen über den Krieg in der Ukraine erzählen. Alle Geschichten, die auf der Website veröffentlicht werden, wurden von uns von echten Menschen gesammelt, die über Ereignisse berichten, die ihnen persönlich passiert sind. Jede Geschichte auf dieser Website ist einzigartig, aber sie haben alle ein gemeinsames Problem - den Krieg. Die Inhalte werden von unserem Team gesammelt und von Redakteuren des Web-Studios NoLorem bearbeitet.

img
img

Hilfe erhalten und Hilfe leisten

Die Segmentierung der Anfragen war eine der wichtigsten Aufgaben, die wir uns gestellt haben. Bei der Erstellung dieser Website hat unser Team berücksichtigt, dass sie sich an verschiedene Personen richten kann - an diejenigen, die helfen können, und an diejenigen, die Hilfe brauchen. Daher haben wir jede Anfrage getrennt behandelt. Wir haben eine Funktion eingeführt, die Hilfe in verschiedenen Ländern anbietet.
img
img
Unsere Programmierer haben eine Vorlage für eine typische Länderhilfeseite, eine Vorlage für eine Artikelseite und vieles mehr erstellt, um die Arbeit beim Ausfüllen der Seite zu erleichtern und zu unterstützen. Die Einfachheit der Befüllung mit aktuellen Informationen ermöglicht dem Website-Administrator, die notwendigen Informationen leicht zu aktualisieren.

Webdesign

Unsere Designer haben bei der Entwicklung der Nachrichtenseite die Grundsätze der Benutzerfreundlichkeit berücksichtigt. Wir konzentrierten uns auf die Nutzerfreundlichkeit der Seite, untersuchten Top-Nachrichten- und Magazinseiten und wählten die beste Lösung für unsere Zwecke aus. Das helle Bildmaterial unterstreicht die Emotionen, die wir empfinden, wenn wir an Krieg denken, und die Akzente auf der Website bieten den Flüchtlingen echte Hilfe.

img
img
img

Web-Entwicklung

Unser Entwicklungsteam besteht aus Fachleuten, die sich auf das WordPress CMS spezialisieren. Unsere Entwickler beherrschen alle Tools dieser Plattform und kennen die Feinheiten der Einrichtung aller gängigen Plugins und Module, die für die Arbeit mit WordPress CMS geeignet sind. So können wir mit Sicherheit hervorragende Websites erstellen.
Eine gut durchdachte Strategie zur Optimierung der Website, beginnend mit der Designphase, wie zum Beispiel die Ladegeschwindigkeit der Seite und die Suchmaschinenoptimierung, gehört zum Grundangebot unseres Unternehmens und ermöglicht es uns, beeindruckende Ergebnisse zu erzielen.
img
img
Unsere Designer haben an alle Optionen für die Umsetzung der Website auf allen gängigen Geräten und Browsern gedacht. Die Website kam hell und mit Informationen gefüllt heraus.

Technischer Support

Die Befüllung der Website mit den primären Informationen erfolgte durch den Content Manager und Texter von NoLorem. Dank der optimal gewählten WordPress CMS ist die Website einfach zu befüllen und das Admin-Panel der Website zu bedienen. Sie benötigt keine ständige Unterstützung von unserem Unternehmen, da der Kunde den gesamten Inhalt auf der Website selbst ändern und die Struktur erweitern kann, ohne technische Experten hinzuzuziehen.
Nach der Erstellung der Website lassen wir unsere Kunden nicht im Stich. Unser Web-Studio versucht, mit dem Kunden in Kontakt zu bleiben. Wir bieten Unterstützung und Beratung, wenn nötig, und arbeiten auch in Zukunft mit der Website zusammen. Wir sind zuversichtlich in unsere Arbeit, und falls Fehler durch unser Verschulden auftreten, korrigieren wir sie absolut kostenlos.
image

bewertung

support-ukraine.info
1
Feedback des Kunden
„Bevor wir dem Webstudio NoLorem unsere Vision für die zukünftige Website mitteilten, haben wir alle modernen und beliebten Nachrichtenseiten studiert, um uns inspirieren zu lassen. Wir haben die besten Nachrichten-Apps und Websites online gesammelt, notiert und kommentiert. Wir haben einen langen Weg zusammen zurückgelegt und sind mit unserer gemeinsamen Arbeit sehr zufrieden.“
2
Fazit
Unsere Designer haben eine großartige Möglichkeit zur Anzeige von Sektoren und Übergängen gezeigt. Normalerweise blenden Nachrichtenportale die Navigationstools bei der Anzeige von Inhalten aus. Bei dieser Schnittstelle wird das Menü immer angezeigt, was die Navigation für den Nutzer wesentlich erleichtert und das Produkt übersichtlich macht.
0
%
Verbesserung der Konversionsrate
0
%
Wert der Web-Performance
0
%
Steigerung der Markenbekanntheit

Works

Alle Projekte. Alle Projekte. Alle Projekte. Alle Projekte. Alle Projekte. Alle Projekte.
1
Firmenwebsite L.TXT
Entwicklung einer Website für L.TXT, ein Unternehmen, das Lösungen für die Übersetzungsbranche anbietet.
img
2
Website des Kampfsportvereins Jyoshinmon
Website-Entwicklung für einen Kampfsportverein, eine der stärksten Kampfsportschulen in Estland.
img
3
Unternehmenswebsite Geacom
Erstellung einer Website für das Übersetzungsbüro Geacom aus München, Deutschland.
img