https://hannahlucas.site/untitled-set 2025-08-04T14:59:23+00:00 always 0.5 https://hannahlucas.site/header 2025-08-04T15:14:53+00:00 always 0.5 https://freight.cargo.site/t/original/i/E2458792579107893100953572139614/Untitled_Artwork.png https://hannahlucas.site 2025-09-11T14:14:04+00:00 always 0.5 https://freight.cargo.site/t/original/i/M2458795261098460721658991141470/rain.png https://freight.cargo.site/t/original/i/U2476429072084257848966301278814/about-me.png https://hannahlucas.site/pages 2025-08-04T14:59:23+00:00 always 0.5 https://hannahlucas.site/emotion-garden-mobile-game 2025-08-04T14:59:23+00:00 always 0.5 https://freight.cargo.site/t/original/i/T2478097297518499156827056824926/emotion-garden.png https://freight.cargo.site/t/original/i/N2479749094282468418961143161438/basic.png Screenshot of how straightforward my prototyping was. https://freight.cargo.site/t/original/i/T2480904338305941122264529822302/111-copy.gif https://freight.cargo.site/t/original/i/X2480905998383780547608208400990/Emotion-Garden-Gif-2-1.gif https://freight.cargo.site/t/original/i/P2480912093077342036801805017694/shortened-versionbefore-and-after-wf-to-high-fi.png Low fi prototype next to high-fi https://freight.cargo.site/t/original/i/W2480914499824041333687004357214/Frame-572.png Early Sketches and Iterations Research shows that emotional skills in early childhood can have a lifelong impact on wellbeing. Not all families have access to therapy or structured support, so I set out to create a playful way to help kids express feelings and start conversations with caregivers. https://freight.cargo.site/t/original/i/G2480914788478692599094068044382/Frame-573.png Initial Goals Key goals guided every decision: make it usable for non-readers, avoid rewards or punishments, and keep the experience calm and simple. https://freight.cargo.site/t/original/i/X2480915941861365807783782834782/EG-high-res-emotion-choices.gif https://freight.cargo.site/t/original/i/X2480920276219033831022287839838/Emotion-Garden-Gif-3.gif https://freight.cargo.site/t/original/i/E2480920646057805764825088189022/Frame-571.png Sketch to hi-fi screen https://freight.cargo.site/t/original/i/T2480930379316295561006612406878/Frame-601.png Some abandoned directions that felt overly complicated. https://freight.cargo.site/t/original/i/V2480935855029359656876204548702/Frame-581.png User flow and Low-fi Prototypes I designed a simple, linear flow so that even a 3‑year‑old could use the app without much help. Each check-in grows a flower, no matter the feeling. https://freight.cargo.site/t/original/i/N2485631128816101733018861232734/Pinterest-Screenshot.png The <a href="https://pin.it/1lNOtlXAx" target="_blank">Pinterest Board</a> of all the images I referenced for all my drawings. https://hannahlucas.site/weatherwear-mobile-app 2025-08-04T14:59:23+00:00 always 0.5 https://freight.cargo.site/t/original/i/J2463547161482675162518368215646/weather-wear-resized.png https://freight.cargo.site/t/original/i/X2476589930238231278428310921822/Untitled-4.gif https://freight.cargo.site/t/original/i/U2477891738089034925883288642142/555.png 5. Challanges A key challenge was deciding how to use color. Should it reflect temperature? Clothing type? Weather conditions? I ultimately chose weather type with the intention of making it easier for users to quickly gain visual literacy. https://freight.cargo.site/t/original/i/G2477891737388058651082325680734/222.png 2. Wireframes I started with rough digital wireframes to explore layout and user flow, then moved into mid-fi wireframes to test different UI structures. https://freight.cargo.site/t/original/i/C2477891738125928414030707745374/777.png 7. MoonPhase/Mercury Including the moon phases and Mercury retrograde adds a small but meaningful ritual to the app. It turns a quick weather check into something a little more thoughtful. Users start their day by dressing for the weather, then might notice the moon in the evening. This bridges the experience between the app and day to day interaction with the world. https://freight.cargo.site/t/original/i/S2477891738070588181809579090526/444.png 4. Icon Iterations I played around with multiple iterations of my Icons. Because they are illustrative I decided to add a container for them to give a stronger sense of geometry https://freight.cargo.site/t/original/i/N2477891738052141437735869538910/333.png 3. Icon System My wireframes felt too text heavy. I decided the icon system was going to be the main focus of the app. Pictured here are my initial sketches. https://freight.cargo.site/t/original/i/I2477891738107481669956998193758/666.png 6. Widget I also introducred a simple widget that can give you the same info at a glance. https://freight.cargo.site/t/original/i/U2477913352415767252470560383582/111.png 1. Survey I conducted a Google survey with 50 people in my network to learn more about their weather-checking habits. Of those people, 76% said they check the weather primarily to decide what to wear. https://hannahlucas.site/glassbox-media-site-re-design 2025-08-04T14:59:23+00:00 always 0.5 https://freight.cargo.site/t/original/i/B2463547422485657061434814030430/gb-redesign-resized.png Redesigned Homepage https://freight.cargo.site/t/original/i/K2479287220959661832244742775390/Re-Design.png Redesigned Homepage https://freight.cargo.site/t/original/i/R2480966079263207922954435748446/Frame-248.png Screenshot of the old site Surveys with 10 podcasters found Glassbox’s site unclear and visually unappealing described as “bland yet busy,” lacking excitement, and failing to convey the network’s unique benefits. https://freight.cargo.site/t/original/i/Q2480966147921989365301386863198/Frame-570.png Wolff Olins and RGA on mobile Glassbox leadership wanted to keep the signature bright red as a core brand element, but in a more intentional way. To guide that, I studied how studios like Wolff Olins, RGA, and Huge use bold color to guide how Glassbox could do the same. https://freight.cargo.site/t/original/i/I2480967736426461784652005171806/lemonda.png Lemonada’s Homepage Analysis of The Podglomerate, Lemonada, and Podcast One showed that their layouts and messaging quickly build credibility—for example, Lemonada highlights star talent right on the homepage. https://freight.cargo.site/t/original/i/Z2480998089178776012264682480222/Same-size-1.gif Close up of carousel on the brand page Featured brands with name recognition to build instant credibility. https://freight.cargo.site/t/original/i/M2481003646629363098741297832542/Frame-572.png The new contact page Replaced the mailto link with a clear contact page. https://freight.cargo.site/t/original/i/X2481003859763044126381457203806/Frame-573.png The new brand info page Replaced AI generated images of podcast microphones with images of people and created a carousel of our brand partners. https://freight.cargo.site/t/original/i/W2481006753300872784388014137950/Frame-574.png The reworked Home page Stuctured the homepage around “How We Grow Your Show” so that podcasts immediately understand the company’s value to them. I also expanded the color palate beyomd beyond just red, white, and black and used the red more strategicly for greater impact. https://freight.cargo.site/t/original/i/Q2481015607405986771646017888862/Frame-602.png Icons from two different pages I added icons to break up the text heavy sections into something more digestible at a glance. https://freight.cargo.site/t/original/i/T2481057553826270861269628543582/Beofre-1.png https://freight.cargo.site/t/original/i/M2481057987490777290107477484126/After-1.png https://freight.cargo.site/t/original/i/L2481059720341022086235337187934/Before-2.png https://freight.cargo.site/t/original/i/T2481059812777656639593900335710/After-2.png https://hannahlucas.site/cozy-games-social-media-app 2025-08-04T14:59:23+00:00 always 0.5 https://freight.cargo.site/t/original/i/M2476477648098341333139376759390/Frame-622.png https://freight.cargo.site/t/original/i/G2481099560309153654891539259998/Frame-248.png Screnshots of YouTube Recommendations today are scattered across social media, forums, and streams. Players said it feels overwhelming to know where to start. https://freight.cargo.site/t/original/i/H2481103932021478427391886287454/USer-persona.png One of my user personas https://freight.cargo.site/t/original/i/E2481115512297112091889685160542/frame.png Early notes and flows https://freight.cargo.site/t/original/i/Q2481115679904228745614671143518/frame-2.png Hand-drawn iteratioms of the search function https://freight.cargo.site/t/original/i/U2481120222544084105107723444830/Frame-574.png Qr Code Feature that was scrapped post user testing, Home Screen, Game Profile https://freight.cargo.site/t/original/i/V2481200091319666324984807481950/ScreenRecording_12-17-2024-7-56-11PM_1.gif https://freight.cargo.site/t/original/i/J2481258119297839225342454587998/CG-gif-1.gif https://freight.cargo.site/t/original/i/Z2481264589511769823041393451614/Cozy-Games.png https://freight.cargo.site/t/original/i/B2485655597038609703210863485534/re-do-of-high-fi-screens.png Inital visual direction vs final I added customization to the profile. My first version felt too extreme and inconsistent. In the update, I used a cream paper texture below to stay cohesive with any user photo, and moved customization to the top, tying it to the profile image to feel more personal. Adding a auto black gradient ensured that text would be readable regardless of the photo chosen by the user. https://freight.cargo.site/t/original/i/J2485665223103069687066183262814/ScreenRecording_08-04-2025-9-58-15AM_1.gif https://hannahlucas.site/podcast-art-various-shows 2025-08-04T14:59:23+00:00 always 0.5 https://freight.cargo.site/t/original/i/M2463547569137272447425749377630/podcast-art-resized.png Show Art I made for Daily Brain https://freight.cargo.site/t/original/i/V2481225641443714218242012013150/One-Strange-thing.png One Strange Thing https://freight.cargo.site/t/original/i/L2481225641111672824915240084062/Conspirituality.png Conspirituality https://freight.cargo.site/t/original/i/B2481225641406820730094592909918/DV.png Dark Valley https://freight.cargo.site/t/original/i/S2481225641425267474168302461534/Floodlights.png Floodlights https://freight.cargo.site/t/original/i/R2481230655877496006930556445278/IMG_1525-1.png Show Art I made for Daily Brain