Home / Web Design / News Portal Support Ukraine

“Support Ukraine” is a website developed to support Ukraine in the fight against Russian aggression. The website provides information about the large-scale Russian invasion of Ukraine and offers support and assistance for Ukrainians in countries such as Germany (Munich) and Estonia.

Overview

1Starting Point

We faced the challenge of creating an information portal for people in need of support, as well as for individuals and organizations ready to offer that help. A website equipped with the latest news, verified and reliable data, and facts.

2Our Approach

For this task, we chose the popular Content Management System WordPress. We developed a creative web design with animations and voiceover to enhance the user experience. Most of the information on the website was analyzed from various news sites, making the resource relevant and up-to-date.

support-ukraine.info
(1)
INDUSTRY
Volunteer Project
(2)
Region/COUNTRY
Ukraine
(3)
required services
Web Development, Design Creation, Tech. Support
(4)
Products and Services
Homepage, Branding, Graphic Design
(5)
Project Status
Executed. Filled in by the client
(6)
Processing Time
3 months
(7)
Year
2022
img img
Visit Website
img
The World Supports Ukraine
The World Supports Ukraine
img
img
img

process

1
Task
The main task of the website was to provide up-to-date information about the situation in Ukraine for Ukrainian refugees in Europe. Additionally, sources and links should be offered on where and what kind of help they can receive.
Solution
Our team developed an information portal with current and relevant information, where not all data needs to be entered manually, but actual information is analyzed from verified websites.
2
Task
The website should fulfill two functions. On the one hand, information for refugees and, on the other, general information for other visitors who know little about Ukraine.
Solution
A bright and innovative design would help visitors who are unfamiliar with the key areas and landmarks of Ukraine to learn more about them. Short stories: highlights of this brave country would be presented.
3
Task
We faced the challenge of designing a national website portal that is both bright and emotional. On one hand, the solution needed to be technologically advanced, and on the other hand, it needed to evoke bright emotions through its visual messages.
Solution
Our studio examined all the website portals presented in this niche and offered the best solution for the website implementation. The website is bright, creative, and functional.
Services

Design Creation

Author and innovative work of our design group. The idea was based on showing the peaceful and flourishing image of Ukraine before the war came to its territory, and illustrating the contrast between what the aggressor has destroyed and what has been damaged. The most significant architectural monuments for which Ukraine was known should be showcased, along with what has happened to them now.

Interactive Map:

The interactive map developed for this website was the brainchild of our web studio. Our designers have mapped all the sights and monuments of Ukraine, while the layout designers have created an interactive, responsive website.
We sought every bit of inspiration we could find to present our vision. Some drawings were adapted from photos and edited by us, while others were created from scratch.

img
img

When you click on a particular object, a description of that object appears. A special slider allows you to view before/after photos. Move the cursor to see the difference between the state before and after the war. The website features current photos that show what is happening to each architectural object now, how much it has been destroyed or damaged since the beginning of the war.
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
Services

Web Development

Our development team consists of experts specializing in the WordPress CMS. Our developers master all the tools of this platform and understand the intricacies of setting up all common plugins and modules suitable for working with WordPress CMS. So we can create outstanding websites with certainty.
A well-thought-out strategy for website optimization, starting from the design phase, such as page load speed and search engine optimization, is part of our company's core offerings and allows us to achieve impressive results.
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.
img
Services

Technical Support

The initial content for the website was provided by the content manager and copywriter from NoLorem. Thanks to the optimally chosen WordPress CMS, the website is easy to populate and the admin panel is user-friendly. It doesn't require constant support from our company, as the customer can change all the content on the website and expand the structure without needing technical experts.
We don't abandon our customers after the website is created. Our web studio strives to stay in touch with the customer. We offer support and consultation when needed and continue to work with the website in the future. We are confident in our work, and if errors occur due to our fault, we correct them absolutely free of charge.
image

Review

support-ukraine.info
1
Feedback of the Customers
"Before we shared our vision for the future website with the web studio NoLorem, we studied all modern and popular news sites to get inspired. We collected, noted, and commented on the best news apps and websites available online. We've come a long way together and are very pleased with our collaborative efforts."
2
Conclusion
Our designers have showcased an excellent way to display sectors and transitions. Typically, news portals hide navigation tools when displaying content. With this interface, the menu is always visible, making navigation significantly easier for the user and keeping the product organized.
0
%
Improvement of the Conversion Rate
0
%
The Value of Web Performance
0
%
Boosting Brand Awareness
Become a Nolorem Customer

Works

Alle Arbeiten. Alle Arbeiten. Alle Arbeiten. Alle Arbeiten. Alle Arbeiten. Alle Arbeiten
GET STARTED NOW
1
Corporate Website for L.TXT
Developing a website for L.TXT, a company that offers solutions for the translation industry.
Technical Support Technical Support Web Design Web Design Web Development Web Development WordPress WordPress
img
2
Website of the Jyoshinmon Martial Arts Club
Website Development for a Martial Arts Club, one of the strongest martial arts schools in Estonia.
Technical Support Technical Support Web Design Web Design Web Development Web Development WordPress WordPress
img
3
Geacom Corporate Website
Creating a website for the translation agency Geacom from Munich, Germany.
Technical Support Technical Support Web Design Web Design Web Development Web Development WordPress WordPress
img
All Works

Blog

7 min
News News
The Company's Website as a Key to Success in the Digital World

In today's connected era, a compelling and functional company's website is essential for companies of all sizes. It's not just a digital business card, but also a crucial showcase for your online presence. In this article, we highlight the importance of a strong internet presence and the diverse benefits a website offers your business.
All Posts