Wer sind wir und was machen wir + Figma Tipp zur Prototype Ansicht.
Mit diesem Blogbeitrag startet für uns ein neues großes Projekt, welches wir parallel zur Bearbeitung unserer Kundenprojekte realisieren wollen. Im Kern geht es darum, dass wir unser erworbenes Wissen mit euch teilen wollen. Dabei sind Inhalte wie Figma Tutorials, webflow Content oder ganz generelle Inhalte zum Thema Selbstständigkeit geplant. Wenn ihr Ideen, Fragen, Kritik oder Anregungen habt, dann immer her damit. Wir freuen uns von euch zu hören.
Ich stelle uns als Webdesign Agentur noch einmal allgemein vor und beschreibe kurz die Aufgabenbereiche, die jeder von uns bearbeitet. MOFART besteht aus Tim, Merlin und Florian. Tim ist für die Umsetzung unserer Websiteprojekte und der Akquise zuständig. Mittels webflow erstellt er hochwertige Websites. Merlin kommt aus der Gestaltung und ist für das gesamte Design zuständig. Er erstellt mithilfe von Figma Webdesigns, die dann in webflow umgesetzt werden. Florian ist ebenfalls für die Umsetzung von Internetseiten zuständig, ist aber als Geschäftsführer auch für die Buchhaltung verantwortlich. Zusammen ergänzen wir uns als Team perfekt. Wir haben MOFART gegründet, um für Unternehmen jeglicher Art moderne und einzigartige Websites zu erstellen. Abseits von 0815 Wordpress Websites. Wir haben keine Lust mehr auf Standard Templates und zeigen unseren Kunden regelmäßig wie man auch als mittelständisches Unternehmen einen soliden und modernen Webauftritt haben kann.
Figma Prototypen–Ansicht / Mockup–Ansicht
Durch die Prototypen–Ansicht bietet Figma eine mächtige Funktion, um seine Designs auf verschiedensten Geräten anzuschauen. Zum Beispiel können responsive Designs oder App Designs auf allen gängigen iPhones, iPads und MacBooks angeschaut und bewertet werden.
Design beruht fast ausschließlich auf Proportionen und wenn diese nicht passen, kann dir deine Gestaltung schnell mal um die Ohren fliegen. Wie steht das Bild zum Text? Wie viel Weißraum (leere Fläche) lasse ich um meine Inhalte? Wie viel Abstand lasse ich zwischen Headline und Paragraphen? Diese Art von Fragen lassen sich oft nur mit Trial-and-Error beantworten. Sicherlich entwickelt man mit der Zeit ein Gefühl für harmonische Abstände und Größen. Jedoch hilft einem die pixelgenaue Darstellung deines Designs sehr bei der Einschätzung der richtigen Proportionen. Die Mockup Vorschau von Figma ist hierbei ein sehr gutes Hilfsmittel.
Möglichkeiten der Vorschau Funktion
Die Mockup Darstellungen bieten verschiedenste Möglichkeiten. Natürlich kannst du dir so von deinem Design einen besseren Eindruck machen, wenn man die Oberfläche in einem richtigen Gerät sieht. Dies kann intern genutzt werden, um mit dem gesamten Team die Funktionalität der Oberfläche zu bewerten oder einfach nur um Kritik einzuholen. Extern kann man Kunden Screenshots oder den Bildschirm aufnehmen, um Feedback zu Usability, Customer Journey oder dem Webdesign einzuholen.
Vorteile
- unzählig große Auswahl von Geräten
- Kunden wird das Design greifbarer
- Design kann in realen Bedingungen besser eingeschätzt werden
- einfache Handhabung
- Proportionen können besser eingeschätzt werden
Kleiner Tipp
Mit der Taste „Z“ zoomst du in der Prototypen–Ansicht rein oder raus. Hätte ich gern von Beginn an gewusst!
