Prototyp der mobilen App für Keytom

Bildschirmaufnahme des Ablaufs am Desktop:

Bildschirmaufnahme des Ablaufs am Smartphone:

Besonderheiten beim Prototypbau in Webflow

• Jeder Bildschirm und jeder Schritt im Prototyp hat eine eigene Seite. Erst wollte ich mit Animationen arbeiten, den Prototyp in größere Bereiche aufteilen und kleinere Zustände innerhalb einer Seite umsetzen, etwa durch wechselnde Slides. Ich habe es ausprobiert, mich mit den Animationen aber ziemlich aufgerieben.
• Im Grunde ist es eine kleine Website, auch wenn recht viele Seiten zusammengekommen sind.
• Alle Links und Seitenwechsel habe ich mit<link rel=»prerender» href=»url»>, damit der Browser die Seiten vorab lädt und der Wechsel nahtlos erfolgt.
• Für den Desktop habe ich einfach eine Art Handybildschirm mittig auf die Seite gesetzt und mir die exakten Telefonproportionen gespart. Auf fast allen Auflösungen sieht es trotzdem gut aus.
• Am Smartphone wirkt der Prototyp sehr nativ. Wo es ging, habe ich echte Eingabefelder eingebaut und Auswahlfelder nachgebildet. Das Ergebnis ist richtig gut geworden!

Brauchst du einen Prototyp?

Wenn ihr für euer Unternehmen einen High-Fidelity-Prototyp für eine mobile App oder Web-App braucht, schreibt mir an hi@nevskii.me oder meldet euch bei Telegram @alexander_nevsky

Kontakt