E-Commerce Lösungen für User Experiences – da schlagen sogar Tierherzen höher
Was haben Hunde, Katzen und das All-in-One-Tool für Design und Prototyping von Adobe gemeinsam? Alle sind Teil des neuesten kostenlosen UI-Kits für Adobe XD, mit dem du großartige User Experiences erstellen kannst, von denen nicht nur der Endnutzer selbst profitiert, sondern auch sein geliebter Vierbeiner. Das neueste UI-Kit namens „Pawtastic“, das UX-Designerin Meagan Fisher entwickelt hat, bietet dir alles, was du brauchst, um mithilfe von Adobe XD eine E-Commerce-Site oder -App zu designen.
Lerne die Features und Elemente von Pawtastic kennen, und erfahre mehr über die talentierte UX-Designerin, die hinter diesem Kit steckt. Lade das Pawtastic-UI-Kit herunter. Wenn du weitere UI-Ressourcen für Adobe XD benötigst, empfehlen wir diese fünf kostenlosen UI-Kits von renommierten UX-Designern.
Pawtastic: Marketing-Vorlage, Dashboard-UI und E-Commerce-Features
https://blog.adobe.com/media_2684479559aeae8df0fbcc63b05cb172b19ee626.gif
Mit Pawtastic erhältst du ein UI-Kit sowie einen Prototyp für eine Web-Applikation inklusive Design-Elementen, Zeichenflächen, Symbolen, Icons und vielem mehr. Das Kit, das ursprünglich für die Website einer Tierbetreuung erstellt wurde, enthält zudem eine Vorlage für ein einseitiges Marketing-Dokument sowie einen mehrstufigen Prozess für Buchungen und erste Schritte, was sehr praktisch sein kann, wenn du eine App oder Website mit starkem Fokus auf E-Commerce designst.
https://blog.adobe.com/media_2b59cdad05a18b3f0baddb6cb7807392a5da619b.gif
Das anpassbare Layout enthält eine umfassende Dashboard-UI inklusive UI-Elementen für:
- Kontoeinstellungen
- Bildraster
- Pullquotes
- Profilkarten
- mehrstufige Navigation
Hinzu kommen zahlreiche Symbole/Icons und Zeichenformate, die dir helfen, die gewünschte User Experience zu erstellen, ganz gleich, ob sie sich auf Haustiere bezieht oder nicht.
https://blog.adobe.com/media_135c861cfdc57f9f9600119fe3325c68f0af5699.gif
Dürfen wir vorstellen: Designerin Meagan Fisher
https://blog.adobe.com/media_46dbe831a4d0a237c0dc0dabbc520c5f48dfae2f.gif
Meagan Fisher ist eine UX-Designerin mit umfassender Erfahrung im Frontend-Design für Websites sowie im Produkt-Design. Sie war als Creative Director für mehrere Startups in New York City tätig und hat schon mit The University of Pennsylvania, Dribbble, Change.Org, Twitter, Campaign Monitor, The Audubon Society, ClassPass und vielen weiteren zusammengearbeitet. Die gefragte Design-Expertin hat bereits in 18 Städten über acht Länder hinweg Vorträge auf Branchenveranstaltungen gehalten und an mehreren Design-Publikationen mitgewirkt.
Mit der Erstellung ihres UI-Kits „Pawtastic“ stellt Fisher auch ihre Liebe zu Tieren unter Beweis. Besonders ins Herz geschlossen hat sie Eulen.
Du bist an weiteren UI-Kits und Design-Ressourcen interessiert? Adobe XD hat noch mehr.
Für Adobe XD sind weitere kostenlose UI-Ressourcen erhältlich, sodass du High-Fidelity-Designs und interaktive Prototypen für jede App oder Website erstellen kannst, die dir vorschwebt. Nachdem du Pawtastic kennengelernt hast, interessieren dich vielleicht die folgenden UI-Kits:
- UI-Kit „Sky“ mit Listen für Aktivitäten, Flüge und Hotels sowie Buttons und Icons, die das Designen von Apps und Websites zum Thema Reisen erleichtern
- UI-Kit „Navigo“ mit mehr als 60 anpassbaren Screens inklusive zahlreicher Symbole und Design-Elemente, z. B. für die Navigation, für Apps oder Websites aus dem Bereich Transport
- Design-Ressourcen von Apple für die Erstellung von iOS-Appdesigns
- Material Design-Ressourcen für Google, unter anderem helle und dunkle Symbole für Statusleisten, App-Leisten, untere Werkzeugleisten, Karten, Dropdown-Menüs und weiteres für Android-Apps
- Windows-UI-Kit für Universal Windows Platform (UWP)
- Office UI Fabric Design Kit für User Experiences für Office und Office 365
- Smartwatch-UI-Kit mit mehr als 20 anpassbaren Komponenten und über 30 benutzerdefinierbaren Icons
- Dashboard-UI-Kit mit 100 anpassbaren Komponenten für 10 Screens – einschließlich zahlreicher Diagramme (das Grundgerüst vieler Dashboards)
Du weißt nicht genau, wo du anfangen sollst? In unserer vollständigen Liste von Tools und Ressourcen findest du alles, was du für Design, Prototyping, Freigabe und die Arbeit mit den praktischen UI-Kits in Adobe XD brauchst. Wenn du regelmäßig E-Mails zu Themen rund um UX-Design erhalten möchtest, abonniere den Adobe XD-Newsletter.
Wir sind jetzt auf Instagram! Folgt @adobecreativecloud_de und zeigt uns unter dem Hashtag #AdobeCreativeCrowd, was ihr draufhabt!