Unsere Kunden verändern die Welt mit inspirierenden Ideen und wirkungsvollen Projekten. Hier ist eine Geschichte der Designerin und Awwwards-Jurymitglied, wie sie mit Tilda preisgekrönte Websites erstellt.

TILDA ERFOLGSGESCHICHTEN

Valeria Francis
Tilda
Die Gewinnerin von mehr als 10 Top-Designpreisen, Valeria Francis, erzählt von ihrem Weg vom Grafik- zum Webdesign, wie sie die Einreichungen für die Awwwards bewertet, warum der No-Code-Website-Builder eine großartige Möglichkeit ist, sich von den Zwischenschritten zu befreien und die Freiheit im Design zu genießen, und gibt Profi-Tipps für die Erstellung unvergesslicher Portfolios.
Web-Design
Industrie
Griechenland
Standort
- Hey Valeria, kannst du dich vorstellen?
- Hallo, ich bin Valeria, ich bin eine Digitaldesignerin. Seit zwei Jahren bin ich Mitglied der Awwwards-Jury und es war bisher eine tolle Reise!

Ich habe als Grafikdesignerin angefangen und fünf Jahre lang als solche gearbeitet. In den letzten zwei Jahren habe ich dann zum Webdesign gewechselt, weil ich etwas verändern wollte. Ich finde es großartig, dass man verschiedene Seiten des Designs entdecken kann, und Webdesign ist sehr vielseitig, was die Möglichkeiten angeht und wie man sich ausdrücken kann.

Ich war In-House-Designerin in der Agentur, aber vor ein paar Wochen habe ich die Agentur verlassen, um meine Zeit der Freiberuflichkeit zu widmen und Websites für Kunden von Tilda und für meine persönlichen Projekte zu gestalten.
Valerias Profil in der Awwwards-Jury-Datenbank
- Wie wählen Sie als Awwwards-Jurymitglied die eingereichten Websites aus und nach welchen Kriterien bewerten Sie sie?
- Es gibt keine strengen Kriterien für Awwwards-Juroren, ich denke, jedes Jurymitglied entscheidet selbst. Was mich betrifft, so hasse ich langweilige Websites und suche daher nach einer Geschichte, nach der Stimmung, der Atmosphäre und nach einigen Effekten, an die ich mich erinnern werde, einige Wow-Effekte auf der Website.

Dabei geht es nicht nur um Animationen, sondern auch um Farbkombinationen, Typografie oder ganz allgemein um das Gefühl und die Texturen. Man weiß nie, was eine "Wow"-Website ausmacht. Man hat das Gefühl, einen Film zu sehen, ein Foto zu betrachten oder in einem Buch zu sein, als wäre man in einer anderen Welt.
- Wie und warum haben Sie angefangen, Website-Baukästen zu verwenden?
- Während meiner Arbeit in der Design-Agentur haben wir meistens Code verwendet, um individuelle Websites zu erstellen. Meine Aufgabe bestand also darin, das Design zu entwerfen und es dann an das Entwicklerteam weiterzugeben. Aber das war eine kleine Herausforderung, denn manchmal gingen meine Designideen weit über das hinaus, was die Entwickler tun können oder wollen oder was sie an Zeit haben. Viele Dinge standen zwischen meinen Ideen und dem Endergebnis.

Und so kam ich auf den Gedanken, dass ich eine Lösung für mich selbst brauche, wie ich meine Websites ohne andere Leute, ohne Stoppschilder entwickeln kann. Und so entdeckte ich Tilda - es war in gewisser Weise eine lebensverändernde Erfahrung für mich, denn jetzt kann ich meine Kreativität erforschen, ich kann Dinge viel freier tun und ich kann meine Grenzen austesten, mein Design und das, was ich für meine Kunden tun möchte.
Manchmal gingen meine Design-Ideen weit über das hinaus, was die Entwickler tun können oder wofür sie Zeit haben - viele Dinge standen zwischen meinen Ideen und dem Endergebnis.
- Wie sieht Ihr Design-Workflow aus? 
- Ich beginne mit Figma und übertrage dann alles auf Tilda, und dann gehe ich Schritt für Schritt vor. Zuerst mache ich den Desktop und die Animation. Dann zeige ich es dem Kunden, und wenn alles in Ordnung ist, gehe ich zu den mobilen und allen responsiven Versionen über.

Ich nehme oft kurze Tutorials für meine Kunden auf, wie sie Bilder ändern können, wenn sie etwas ersetzen wollen, oder wie sie Text bearbeiten. Tilda hat Null-Blöcke und Standard-Blöcke. Null-Blöcke sind etwas kreativer, weil man alle Ideen wirklich anpassen kann.

Ich verwende Standard-Blöcke vor allem für die grundlegenden Teile der Website, von denen ich weiß, dass sie regelmäßig aktualisiert werden, wie Galerien oder Preise. Solche Dinge müssen schnell und einfach angepasst werden können. Bei meiner Designarbeit verwende ich zu 80 % Zero Blocks und zu 20 % Standardblöcke, damit die Kunden die Dinge schneller austauschen können.

Der Vorteil von Tilda ist, dass ich nur sehr wenig Zeit für die Erstellung einer Website benötige: Ich kann das Projekt innerhalb von zwei Wochen beginnen und abschließen.

Und Sie wissen ja, wie das mit den Kunden ist, sie kommen und sagen: "Wir brauchen es gestern, bitte." Und da ist Tilda sehr hilfreich, weil man es sehr schnell machen kann. Und wenn sich im Laufe des Prozesses Änderungen ergeben, kann man sie auch sehr leicht anpassen.
Der Vorteil von Tilda ist, dass die Erstellung einer Website sehr wenig Zeit in Anspruch nimmt: Ich kann das Projekt innerhalb von 2 Wochen beginnen und abschließen.
- Ihre Portfoliowebsite hat die Awwwards Honorable Mention und andere prestigeträchtige Auszeichnungen erhalten und wurde mit Tilda erstellt. Können Sie uns sagen, warum Sie sich entschieden haben, einen no-code Website-Builder für Ihr Portfolio zu verwenden?
- Ich glaube, Tilda war die einzige Wahl für mich, weil ich meine Figma-Datei einigen Entwicklern gezeigt habe und sie sagten: "Oh, da sind so viele Elemente und so viele Details und alles bewegt sich..." Sie sagten: "Auf keinen Fall, du wirst ewig brauchen, um es richtig zu machen!"

Also habe ich verstanden, dass es viel einfacher ist, wenn ich es selbst mache. Auf diese Weise kann ich es ausprobieren, und wenn mir etwas nicht gefällt, kann ich es viel einfacher und viel schneller ändern. Also war Tilda die einzige Option für mich.
- Können Sie die besten Tipps für die Erstellung einer Designportfolio-Website geben?
- Das Wichtigste, würde ich sagen, ist, dass man sich nicht an die Standardstruktur hält und nicht versucht, in die Dinge hineinzupassen, von denen einem alle sagen: "Es muss so sein!" Das Wichtigste ist, zu zeigen, wer du bist. Ich hasse es, zu verkaufen, weil ich denke, dass Ihr Kunde Sie nicht wegen der Werbung ausgewählt hat. Wenn du dir selbst treu bleibst, spüren die Leute das und ich denke, sie wollen irgendwie dazugehören. Zumindest funktioniert das bei mir immer.

Als ich mein Portfolio erstellte, hatte ich einen Mentor, einen Design-Mentor, und er sagte mir: "Vielleicht sollten wir diese Struktur und diesen Weg einschlagen. Und ich sagte: "Nun, das liegt mir einfach nicht." Ich denke, es ist sehr wichtig, in deinem Portfolio zu zeigen, wer du bist.
Valeria Francis
- Wie viele Projekte sollten Designer in ihrem Design-Portfolio haben? Und ist es in Ordnung, Fake-Projekte hinzuzufügen (wenn man noch keine echten hat)?
- Sie sollten 3, 4 oder maximal 5 Ihrer besten Projekte auswählen und die Geschichte dahinter erzählen, wie es Ihrem Kunden geholfen hat. Und wenn es ein Fake-Fall war, wenn es kein echtes Projekt war, denke ich, dass es immer noch ein Fall ist und es in Ordnung ist, ihn deinem Portfolio hinzuzufügen. Erzählen Sie Ihre Idee, warum Sie sie entwickelt haben, was Sie inspiriert hat und warum Sie denken, dass es wichtig ist, diese Geschichte der Welt zu erzählen.

Ich kann sagen, dass die Fälle, die ich als meine persönlichen kreativen Projekte gemacht habe, die meisten Kunden gebracht haben, weil die Leute Ihre Leidenschaft sehen können, sie können sehen, was Sie mögen und was für Sie wichtig ist.
Die besten Designer da draußen sind Menschen, die einfach ihrer Leidenschaft folgen
- Webanimationen sind auf fast jeder von Ihnen erstellten Website zu sehen. Sind Ihrer Meinung nach Animationen heutzutage ein wesentlicher Bestandteil des Webdesigns geworden?
- Ich verwende ziemlich viele Animationen, weil meine Kunden in der Regel aus der Kreativbranche kommen oder eine Art Geschichte erzählen wollen, um ihr Unternehmen zu veranschaulichen. Und Animationen sind wichtig für das Geschichtenerzählen, weil man damit seine Idee und einige Metaphern illustrieren und zeigen kann, was sich hinter der Marke verbirgt. Ich verwende sie also recht häufig.

Keiner meiner Kunden kam zu mir und sagte: "Ich möchte keine Animation verwenden!" Vielleicht hat es mit den Branchen zu tun, mit denen ich arbeite, denn manche Websites brauchen nicht so viele Animationen - Unternehmenswebsites oder seriösere Branchen -, aber meine Kunden verwenden sie sehr häufig.

Und tatsächlich verwende ich bei Tilda sogar einige Animationen, wenn ich mit dem Code, mit Entwicklern arbeite: Ich verwende Animationen, wenn ich versuche zu erklären, was ich als Ergebnis auf der Website haben möchte. So ist es viel einfacher für mich, es schnell zu machen und es dann dem Entwickler zu zeigen. Das macht es ihnen leichter, die Idee zu reproduzieren. Manchmal kann es schwierig sein, zu erklären und zu verstehen, was man will, und wenn man es zeigen kann, ist das eine großartige Option!
True Detective/HBO
- Welche Filme würden Sie Designern zum Anschauen empfehlen?
- Ich finde, jeder Designer sollte sich generell Filme ansehen, denn es gibt eine Menge großartiger Regisseure und eine Menge Inspiration für Farben und Kompositionen.

Und ich schaue mir immer die Titel vor und nach den Filmen an, denn bei manchen Filmen sind sie einfach unglaublich toll, sehr inspirierend.

Ich denke da an "True Detective", ich glaube, die hatten einen der besten Eröffnungstitel, er war sehr mysteriös und hatte tolle visuelle Effekte und Musik, sehr schön!
- Wie sehen Sie Ihre Aufgabe als Designer?
- Ich erzähle Geschichten von Menschen, und ich bin eine Art Übersetzer zwischen der Marke und den Kunden. Ich glaube, dass es für Designer sehr wichtig ist, nicht nur Layouts zu entwerfen, sondern tiefer zu gehen, auf die Semantik und Bedeutung der Marke einzugehen und dabei zu helfen, dieses Gefühl zu übersetzen.

Und natürlich hoffe ich, dass ich die Welt ein wenig schöner mache und ein paar nette Erfahrungen für die Menschen schaffe.
Entdecken Sie Valerias Portfolio-Website und sehen Sie sich ihr Profil auf dem Awwwards-Juryportal an.
Weitere Geschichten:
Wie die Erstellung von Websites auf Tilda Simon Reisen um die Welt ermöglicht
Die Geschichte eines Start-ups, das Frauen hilft, ihre inneren Unternehmerinnen zu entwickeln
Wie eine Londoner Agentur vom Umzug zu Tilda profitiert
Warum Sie Ihren Kunden beibringen sollten, wie man Websites erstellt und bearbeitet
Kostenloses Kursbuch über das Entwerfen, Einrichten und Betreiben von
Landing Pages mit hoher Konversionsrate

Kostenloser praktischer Leitfaden für Webanimation mit Beispielen und Techniken,

und Tipps zu ihrer Verwendung