") 17 17,auto;background:var(--bodyBackground);color:var(--bodyColor);transition-timing-function:cubic-bezier(.5,1,.89,1);transition-duration:.5s;transition-property:background,color}:where(a,button,summary){all:unset;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.83 35.83'%3E%3Cpath d='m17.91 0 17.91 17.91-17.9 17.91L0 17.92z'/%3E%3Cpath fill='%23fffdfd' stroke='%23fffdfd' stroke-miterlimit='10' d='M18.67 18.67H24.21a.25.25 0 0 0 .26-.25v-1.01a.25.25 0 0 0-.26-.26h-5.54v-5.54a.25.25 0 0 0-.25-.25h-1.01a.25.25 0 0 0-.26.25v5.54h-5.54a.25.25 0 0 0-.25.26v1.01a.25.25 0 0 0 .25.25h5.54V24.21a.25.25 0 0 0 .26.26h1.01a.25.25 0 0 0 .25-.26Z'/%3E%3C/svg%3E") 17 17,auto}img{max-inline-size:100%;user-select:none}source,picture{display:contents}svg{block-size:1em;inline-size:auto;fill:currentColor}:where(h1,h2,h3,h4,h5,h6,address){all:unset;display:block}ul{list-style:none}:root{--color-1: #F9754C;--color-2: #809583;--color-3: #D0CAC4}.bc--1{background:var(--color-1)}.bc--2{background:var(--color-2)}.bc--3{background:var(--color-3)}@font-face{font-family:GT-Walsheim;font-weight:400;src:url(/fonts/GT-Walsheim-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:GT-Walsheim;font-weight:700;src:url(/fonts/GT-Walsheim-Bold.woff2) format("woff2");font-display:swap}:where(.fs--1){line-height:1.5;text-transform:uppercase}@media (min-width: 576px){:where(.fs--1){font-size:1.125rem}}:where(.fs--2){line-height:1.1;font-size:2rem}@media (min-width: 480px){:where(.fs--2){font-size:2.375rem}}@media (min-width: 576px){:where(.fs--2){font-size:2.75rem}}@media (min-width: 992px){:where(.fs--2){font-size:3.5rem}}:where(.fs--3){line-height:1.1;font-size:2.5rem;font-weight:400}@media (min-width: 576px){:where(.fs--3){font-size:3rem}}@media (min-width: 768px){:where(.fs--3){font-size:4rem}}@media (min-width: 992px){:where(.fs--3){font-size:4.5rem}}@media (min-width: 1200px){:where(.fs--3){font-size:5.625rem}}:where(.fs--5){font-size:1.5rem;line-height:1.25;text-transform:uppercase}@media (min-width: 480px){:where(.fs--5){font-size:1.75rem}}@media (min-width: 768px){:where(.fs--5){font-size:1.875rem}}@media (min-width: 992px){:where(.fs--5){font-size:2rem}}:where(.fs--6){font-size:1.125rem;line-height:1.5;text-transform:uppercase}@media (min-width: 480px){:where(.fs--6){font-size:1.25rem}}@media (min-width: 768px){:where(.fs--6){font-size:1.375rem;line-height:1.25}}:where(.fs--text){font-size:1rem}@media (min-width: 480px){:where(.fs--text){font-size:1.125rem}}@media (min-width: 768px){:where(.fs--text){font-size:1.25rem}}.container{display:grid;grid-template-columns:minmax(2rem,1fr) minmax(0,max(1180px,61.45vi)) minmax(2rem,1fr);margin-inline:auto}:where(.container > *){grid-column:2}.grid,.grid--boxed{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:1.25rem}:where(.grid > *,.grid--boxed > *){grid-column:1/-1}@media (min-width: 576px){:where(.grid--boxed > *){grid-column:2/-2}}.section{margin-block-end:4rem}@media (min-width: 576px){.section{margin-block-end:4.5rem}}@media (min-width: 992px){.section{margin-block-end:5.5rem}}@media (min-width: 1200px){.section{margin-block-end:6.5rem}}:root{--nav-height: 3rem}@media (min-width: 768px){:root{--nav-height: 11.75rem}}@media (min-width: 1200px){:root{--nav-height: 14rem}}:where(.header).astro-VZCAR27R{--button-color: #000;display:flex;align-items:center;justify-content:space-between;position:sticky;inset-block-start:0;z-index:20;margin-block-end:3rem;padding-block:1.5rem;padding-inline:2rem}@media (min-width: 480px){:where(.header).astro-VZCAR27R{padding:2rem}}@media (min-width: 768px){:where(.header).astro-VZCAR27R{padding-block:2rem;padding-inline:3rem;margin-block-end:4rem}}@media (min-width: 1200px){:where(.header).astro-VZCAR27R{margin-block-end:5rem;padding-block:2.625rem}}.active.astro-VZCAR27R{--button-color: #fff}.active.astro-VZCAR27R .backdrop.astro-VZCAR27R{display:block}.active.astro-VZCAR27R .nav.astro-VZCAR27R{transform:translate(0)}.active.astro-VZCAR27R .button.astro-VZCAR27R:before{content:"close"}.nav.astro-VZCAR27R,.backdrop.astro-VZCAR27R{position:fixed;inset:0;z-index:-1}.nav.astro-VZCAR27R{will-change:transform;text-decoration:underline;display:flex;flex-direction:column;background:#262626;color:#fff;padding-block:8.875rem 3rem;padding-inline:2rem;font-size:1.625rem;line-height:1.25;transition:transform .25s ease-in-out;transform:translate(calc(100% + 1px))}@media (min-width: 480px){.nav.astro-VZCAR27R{font-size:2rem}}@media (min-width: 768px){.nav.astro-VZCAR27R{inset-inline-start:auto;padding-block:5rem 3.5rem;padding-inline:7rem;font-size:clamp(1.625rem,-3rem + 12vb,3.25rem);line-height:1.15}}@media (min-width: 768px) and (min-height: 700px){.nav.astro-VZCAR27R{padding-block-start:8rem;font-size:clamp(1.5rem,-3rem + 11vb,2.75rem)}}@media (min-width: 768px) and (min-height: 820px){.nav.astro-VZCAR27R{padding-block-start:11rem}}@media (min-width: 1200px){.nav.astro-VZCAR27R{padding-inline:9.5rem}}.items.astro-VZCAR27R{display:grid;gap:1.375rem;margin-block-end:3rem;text-decoration-thickness:.25rem;text-underline-offset:.25rem;text-transform:uppercase}@media (min-width: 768px){.items.astro-VZCAR27R{gap:1.75rem;margin-block:auto}}@media (min-width: 768px) and (min-height: 700px){.items.astro-VZCAR27R{margin-block-start:0}}@media (min-width: 768px) and (min-height: 820px){.items.astro-VZCAR27R{gap:2rem}}.meta.astro-VZCAR27R{font-size:1.125rem;margin-block-start:auto;display:grid;gap:1rem}@media (min-width: 480px){.meta.astro-VZCAR27R{font-size:1.25rem}}@media (min-width: 768px){.meta.astro-VZCAR27R{display:none}}@media (min-width: 768px) and (min-height: 700px){.meta.astro-VZCAR27R{display:grid}}.logo.astro-VZCAR27R{font-size:1.125rem;transition:.25s color ease-in-out;color:#000}@media (max-width: 767px){.logo.astro-VZCAR27R{color:var(--button-color)}}.button.astro-VZCAR27R{--size: 2.875rem;text-align:center;display:grid;align-items:center;font-size:.875rem;margin-inline-end:calc(var(--size) * .3);text-transform:uppercase;color:var(--button-color)}.button.astro-VZCAR27R:before{content:"menu"}@media (min-width: 480px){.button.astro-VZCAR27R{--size: 3.125rem}}@media (min-width: 768px){.button.astro-VZCAR27R{--size: 3.5rem;font-size:1rem}}@media (min-width: 992px){.button.astro-VZCAR27R{--size: 3.75rem}}.button.astro-VZCAR27R:before,.button.astro-VZCAR27R:after{grid-area:1/1}.button.astro-VZCAR27R:after{content:"";box-sizing:border-box;inline-size:var(--size);block-size:var(--size);border:max(2px,.1042vi) solid var(--button-color);transform:rotate(45deg)}.cookieConsent.astro-QFMKAQEK{text-align:center;inline-size:100%;max-inline-size:450px;padding:2rem;position:fixed;inset:auto 0 0 auto;z-index:10;background-color:#000;color:#fff;line-height:1.5}a.astro-QFMKAQEK,.cookieAccept.astro-QFMKAQEK{text-decoration:underline}.cookieAccept.astro-QFMKAQEK,.cookieDecline.astro-QFMKAQEK{line-height:1;font-weight:700;font-size:1.125rem;text-transform:uppercase}.cookieAccept.astro-QFMKAQEK{display:block;background:#fff;color:#000;block-size:48px;padding-inline:1.5rem;margin-inline:auto;margin-block:1.5rem 1rem}
.wysiwyg.astro-3M7AXR23{line-height:1.5}.wysiwyg.astro-3M7AXR23 ul,.wysiwyg.astro-3M7AXR23 p{font-size:1rem}@media (min-width: 480px){.wysiwyg.astro-3M7AXR23 ul,.wysiwyg.astro-3M7AXR23 p{font-size:1.125rem}}@media (min-width: 768px){.wysiwyg.astro-3M7AXR23 ul,.wysiwyg.astro-3M7AXR23 p{font-size:1.25rem}}.wysiwyg.astro-3M7AXR23 ul{list-style-image:url(/list.svg);margin-inline-start:1.25rem;text-indent:.875rem}.wysiwyg.astro-3M7AXR23 li{text-indent:0;padding-inline-start:.875rem}.wysiwyg.astro-3M7AXR23 a{text-decoration:underline;margin-block-start:2rem;font-weight:700;font-size:1.25rem;line-height:1.125;display:inline-block}@media (min-width: 576px){.wysiwyg.astro-3M7AXR23 a{font-size:1.375rem}}.wysiwyg.astro-3M7AXR23 .fs--5,.wysiwyg.astro-3M7AXR23 .fs--6{margin-block-end:1.25rem}.wysiwyg.astro-3M7AXR23 h3.astro-3M7AXR23,.wysiwyg.astro-3M7AXR23 h4.astro-3M7AXR23,.wysiwyg.astro-3M7AXR23 h5.astro-3M7AXR23{@extends .fs--5;margin-block-end:2rem}
.noSpacing.astro-UOGRPSP5{margin-block-end:0}.footer.astro-UOGRPSP5{display:flex;padding-block:1.5rem 2.25rem;gap:3rem;font-size:.875rem;line-height:1;justify-content:center}@media (min-width: 768px){.footer.astro-UOGRPSP5{font-size:1rem;padding-block:1.5rem}}.back.astro-UOGRPSP5{display:none}@media (min-width: 768px){.back.astro-UOGRPSP5{margin-inline-end:auto;display:flex}}.arrow.astro-UOGRPSP5{margin-inline-end:1rem;transform:rotate(180deg)}.projectDetail.astro-VGCJNGSJ{display:grid;row-gap:4rem}@media (min-width: 768px){.projectDetail.astro-VGCJNGSJ{overflow:auto hidden;overscroll-behavior:auto none;display:flex;block-size:calc(100 * var(--vb) - 144px - 64px);padding-inline:7.5vi;gap:8rem;-ms-overflow-style:none;scrollbar-width:none}.projectDetail.astro-VGCJNGSJ::-webkit-scrollbar{display:none}}@media (min-width: 1921px){.projectDetail.astro-VGCJNGSJ{block-size:calc(100 * var(--vb) - 7.5vi - 3.33vi)}}@media (min-width: 768px){.textSlide.astro-VGCJNGSJ,.info.astro-VGCJNGSJ{padding-block-start:4rem}}@media (min-width: 768px) and (min-height: 700px){.textSlide.astro-VGCJNGSJ,.info.astro-VGCJNGSJ{padding-block-start:5rem}}@media (min-width: 768px) and (min-height: 800px){.textSlide.astro-VGCJNGSJ,.info.astro-VGCJNGSJ{padding-block-start:8rem}}.info.astro-VGCJNGSJ{text-align:center;margin-block-start:4.25rem}@media (min-width: 768px){.info.astro-VGCJNGSJ{margin-block:0;min-inline-size:30rem}}.job.astro-VGCJNGSJ{margin-block-end:3.375rem}@media (min-width: 768px){.job.astro-VGCJNGSJ{margin-block-end:clamp(2rem,-5.5rem + 24 * var(--vb),5rem)}}.title.astro-VGCJNGSJ{margin-block-end:1.75rem}@media (min-width: 768px){.title.astro-VGCJNGSJ{margin-block-end:.875rem}}@media (min-width: 768px){.textSlide.astro-VGCJNGSJ{min-inline-size:40rem}}@media (min-width: 768px) and (min-height: 800px){.textSlide.astro-VGCJNGSJ{min-inline-size:35rem}}@media (min-width: 768px) and (min-height: 1000px){.textSlide.astro-VGCJNGSJ{min-inline-size:23.75rem}}.image.astro-VGCJNGSJ{height:100%;object-fit:cover;inline-size:auto;grid-column:2}@media (min-width: 768px){.image.astro-VGCJNGSJ{max-inline-size:unset}}.index.astro-VGCJNGSJ{display:none}@media (min-width: 768px){.index.astro-VGCJNGSJ{align-self:end;display:grid;text-align:center;margin-inline-end:-6.75rem}.index.astro-VGCJNGSJ>.astro-VGCJNGSJ:first-child{font-weight:700}}.next.astro-VGCJNGSJ{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;text-transform:uppercase;font-size:1.125rem;gap:1rem;margin-block:3.5rem 3rem}@media (min-width: 768px){.next.astro-VGCJNGSJ{margin-block:0}}
App Design
kiwifalter „FreieZeitOrt“ für Familien 01 04
Aufgabenstellung Der kiwifalter ist ein „FreieZeitOrt“ für Familien, in dem für Kinder und Jugendliche bis 16 Jahre Kurse, Projekte und Workshops zu den Themengebieten Musik, Kunst und Bewegung stattfinden. Das Herz des kiwifalter schlägt für Familien, für sinnhaftes Erleben, Entschleunigung, ökologische und soziale Verantwortung und Nachhaltigkeit. Als modernes, frisches Unternehmen möchte der kiwifalter sein umfangreiches Freizeitprogramm seiner Zielgruppe per App zur Verfügung stellen und benötigte ein visuelles digitales Gestaltungskonzept, welches für unterschiedliche Touchpoints funktionieren soll.
02 04
Lösung Entwicklung einer intuitiven und klar strukturierten App. Die einfache Navigation führt durch das Leistungsangebot und ermöglicht eine schnelle und einfache Buchung der Angebote. Für ein einheitliches Erscheinungsbild wurden Gestaltungsrichtlinien für den Onlinebereich entwickelt und eine Icon-Bildsprache für einen authentischen Auftritt konzipiert.
03 04
Arbeit Um eine hohe Usability zu gewährleisten wurde zuerst mit Paper Prototyping gearbeitet. Ergebnis was eine intuitive und transparente Bedienung sichergestellt werden konnte. "Das Ziel:" Der User soll in möglichst wenigen Schritten zur Angebotsbuchung kommen und die Bedienung der App soll dabei auch Spaß bereiten. Deswegen wurde auf erlernte Gesten und eine eindeutige Iconsprache zurückgegriffen, um einen umständlichen Umgang zu vermeiden.
04 04
nächstes Projekt
Diese Website verwendet Cookies – nähere Informationen dazu und zu deinen
Rechten als Benutzer findest du in meiner
Datenschutzerklärung .
Ich stimme zu Ich stimme nicht zu