https://www.johanna-czaja-ux.com/shop-3 daily 0.75 2026-02-24 https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150937-FLA36LPD335DD182GGZW/Cup+%281%29.jpg https://www.johanna-czaja-ux.com/shop-3/p/harvest-moon-cup-5fc72-2y79w-f44ek-w9mch monthly 0.5 2025-04-08 https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150666-KJRADJSH04Z9T1COJAXB/download%2B%281%29%2Bcopy.jpeg Shop 3 - Harvest Moon Tasse https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150646-R969TATSHP7IZBJJKR2P/product-detail-4x5_6.jpg Shop 3 - Harvest Moon Tasse https://www.johanna-czaja-ux.com/shop-3/p/golden-mist-cup-weny8-pz389-zrgzd-6yrrj monthly 0.5 2025-04-08 https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150762-ICRZIYR2A10BLB37BTWH/download%2Bcopy.jpeg Shop 3 - Goldener Nebel Tasse https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150746-AOSH4KG0CMN0J288J431/product-detail-4x5_4.jpg Shop 3 - Goldener Nebel Tasse https://www.johanna-czaja-ux.com/shop-3/p/spring-bowl-rltkk-5kwc7-tefph-pzp24 monthly 0.5 2025-04-08 https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150819-040ZJHSSQYSG8GPYIDHP/spring-blade-thumbnail-01-2500x1666.jpeg Shop 3 - Frühlingsschale https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150788-HYBB9ZFJ3M32HSIJAPGI/product-detail-4x5_3.jpg Shop 3 - Frühlingsschale https://www.johanna-czaja-ux.com/shop-3/p/milk-dip-cup-92wf6-rkwyr-8g7gm-ld22n monthly 0.5 2026-02-24 https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150862-NNHQ1N2YY3E0O3LDCK1Q/download.jpeg Shop 3 - Kaffeetasse https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150847-AE0XVQD5BJPOJTPGB0QN/product-detail-4x5_2.jpg Shop 3 - Kaffeetasse https://www.johanna-czaja-ux.com/shop-3/p/country-feast-set-3nybt-37wkf-2wpcg-r2rdk monthly 0.5 2025-04-08 https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150902-CP0YL1SGFL3GFN11GNPF/download%2B%281%29.jpeg Shop 3 - Country Feast Set https://images.squarespace-cdn.com/content/v1/6318962264475814777b6172/1743076150884-REMZ61PEJTV1OR1YCAZT/product-detail-4x5_1.jpg Shop 3 - Country Feast Set https://www.johanna-czaja-ux.com/work daily 1.0 2026-02-23 https://www.johanna-czaja-ux.com/work/gary-gators-locksmith-gbaer monthly 0.5 2026-02-23 https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/ec43ee57-ed14-4d9a-8a43-9c4ecd32b52a/PERSONA+2.png Work - PlutoPay - UX Case Study Persona for Tom https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/a2b33199-244e-4c95-a75e-af96533f9b6a/User+Journey+Map+-+PERSONA+1+%281%29.jpg Work - PlutoPay - UX Case Study User Journey Map for Tom https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/412260c9-37ac-41e1-8c35-2baf0d3c737f/User+Journey+Map+-+Tom+-+Add+Card.jpg Work - PlutoPay - UX Case Study Task Analyses and Task Flow for Add a Card https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/270e2f0f-f4b0-41c3-9cb8-5420c45025e7/V1_+Sitemap+PlutoPay+-+.png Work - PlutoPay - UX Case Study Sitemap version 1 https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/da51ecfe-7257-44cd-b187-44170feea44e/V3_+Sitemap+PlutoPay+%28Feedback+Blaize%29.png Work - PlutoPay - UX Case Study Sitemap version 2 https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/579b133e-e691-4f9a-92ca-595b43ce94b6/Bildschirmfoto+2022-02-23+um+18.04.06.png Work - PlutoPay - UX Case Study - Mach es besonders Low-Fidelity Wireframes for Mobile & Desktop - Cards https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/4e3b7b94-d3f8-4468-8fb3-9094a2bcad27/Bildschirmfoto+2022-02-23+um+18.15.43.png Work - PlutoPay - UX Case Study - Mach es besonders Mid-Fidelity Wireframes Mobile $ Desktop - Cards https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/758d2f50-63d0-4b9f-97bb-0a7872eca9e9/Affinity+Map+-+affinity+map+.jpg Work - PlutoPay - UX Case Study - Mach es besonders Affinity Map Usability Testing https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/efeb1fc9-92b9-4987-bef2-dabd1c7fa2be/Bildschirmfoto+2022-02-23+um+21.13.38.png Work - PlutoPay - UX Case Study - Mach es besonders Preference Test A vs. B (winner) https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/7b0e67ff-73c4-44a0-95f9-7e1424d18b69/Bildschirmfoto+2022-02-25+um+20.54.46.png Work - PlutoPay - UX Case Study - Mach es besonders Design after Gestalt psychology & visual design principles https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/91905405-f6d2-4161-97b9-db54aafd0abd/Bildschirmfoto+2022-02-25+um+21.31.51.png Work - PlutoPay - UX Case Study - Mach es besonders Before & after optimization with Material Design (navigation & input fields) https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/705a0cce-cac8-455f-a79c-fa6f7f139a4e/Bildschirmfoto+2022-02-25+um+21.42.33.png Work - PlutoPay - UX Case Study - Mach es besonders Before & after optimization with Accessibility guidelines (onboarding & input fields) https://www.johanna-czaja-ux.com/work/gary-gators-locksmith-gbaer-7ncnd monthly 0.5 2022-06-28 https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/1656446694828-IK7OAZKC3PZKJNSFTZTE/Type+Illu-1.png Work - Movio - UX / UI Case Study https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/1656446742511-RCSOM9YEGFQBFB7907ZH/Type+Illu.png Work - Movio - UX / UI Case Study https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/1656446786762-DS6J7123VWKG8H9J0UG4/workout+%282%29+1.png Work - Movio - UX / UI Case Study https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/d210b0da-fd47-4f74-8e9e-e71a942381cc/Choose+a+Chellenge.png Work - Movio - UX / UI Case Study Search https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/25b90ad6-7d10-4dac-83f1-d7b34b69d846/Bildschirmfoto+2022-06-28+um+22.32.19.png Work - Movio - UX / UI Case Study Search https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/6dd64063-a6f3-4ea0-978f-52d4a3e03647/Schedule.png Work - Movio - UX / UI Case Study Schedule https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/6b1b70e8-68d3-4238-a548-7179fe574d7d/Bildschirmfoto+2022-06-28+um+22.33.46.png Work - Movio - UX / UI Case Study Schedule https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/89ac44de-dce8-44fb-8a9e-8d32a17873ab/Complete+a+challenge+%281%29.png Work - Movio - UX / UI Case Study FInish a Challenge https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/afe59263-95f7-44db-af43-570f8c64b86a/Bildschirmfoto+2022-06-28+um+22.34.02.png Work - Movio - UX / UI Case Study Finish a Challenge https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/8ed6c607-1a87-4803-9c79-7686d29014bf/UX+Persona+%282%29.png Work - Movio - UX / UI Case Study - Mach es besonders Was auch immer es ist – die Art und Weise, wie du deine Geschichte online vermittelst, kann einen gewaltigen Unterschied ausmachen. https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/3514c1aa-3a8a-4bff-bc01-842d58170bbc/Pictures.png Work - Movio - UX / UI Case Study - Movio Moodboard. For Movio I deliberately decided against the color recommendation black / orange from the briefing, because the warm color "orange" rather reminds of relaxation and coziness and not of sport and motivation. The moodboard below motivates the target group thanks to the bright, radiant colors and also radiates fun, lightness and joy. I have deliberately chosen to discreetly insert images of athletes or models. Movio is supposed to get people exercising again and gives them a routine - trained sports models can lead to the target group quickly becoming unmotivated because they don't manage to look like the models in the photos. The models in the photos and in the Exercise videos should look like people like you and me who like to exercise. https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/c89409ad-b3b7-48af-84b3-459c2b28f5fc/Mockup+05+%282%29.png Work - Movio - UX / UI Case Study https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/8a38bc2f-30cb-455a-a9f0-ce1513f1426b/All+Devices+3+%281%29.png Work - Movio - UX / UI Case Study https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/04b0a709-fc8d-439d-a42c-9e1d055c66c2/Clay-White.png Work - Movio - UX / UI Case Study - The Styleguide. Last but not least, that my designs can be more easily reused and standardized by others, it is important that I create an online style guide for Movio. These documents also help me maintain the visual integrity of my design. They are a guide that informs those who work on the project after you about what to do and what not to do. https://www.johanna-czaja-ux.com/work/gary-gators-locksmith-gbaer-6h87a monthly 0.5 2026-02-14 https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/1147f690-a681-454e-acb4-abb4ffe8ede2/BS_Step+2_mobile+V1.png https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/aa89046f-42bd-4026-b62c-543437128932/B%26M_BS_Step+2_mobile.png https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/8b26301f-8725-4ff1-af20-ecdb0bb46817/Discover.png https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/471f4bb6-d2b0-40e1-b51a-1c6ce9257445/Stefan.png https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/5d33fcb4-baee-486f-87b5-a91d42ff9d8e/Design+ohne+Titel.png https://images.squarespace-cdn.com/content/v1/6212b5cc7cb9a130e078c986/28f46cb6-29ca-43ff-9203-3771dd682d41/Martin.png