https://www.flowong.com/design daily 0.75 2026-03-01 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536704764732-BN415SO2S6JS923YPF8M/world-day.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538010328889-NRWQGW4PZUKM5A358P80/chilicookoff-nobg.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549311741446-PM12LU328MGAJR26DEQQ/mural-final.jpg Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1580803445977-TB1UBD3F5VDD0KRXJXBI/Screen+Shot+2020-02-04+at+12.03.41+AM.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583998216850-CF1RRHNV4657SHBLLGWC/Frame+8%403x.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1584045976908-6NSWU3DRU8IR24BSN29H/Contact-Us-80%25.gif Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1584143818436-O9J1BQMZFQR05KG904WZ/Cert-Programs-x4-70%25-1s.gif Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1584670578220-XPDLKKR0SX4NUFZHY3WL/ML-Bundle-x2.gif Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635102904732-WWVOM1IP3OU374CGKERQ/DS+Screenshot+-+Grey.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635106109877-VM2IZT6YUNS5FPSNLIV9/Femke+design+preview+2.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635895650571-CS01EZ6VEDI6TK6SGS37/107.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1719530728480-DJQAP5F334KGXHZURVH0/mobile+app+sample.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1719530841906-EWOKDHRB5AI2Z6U9MJVK/mobile+samples+square2.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536700692347-MFJ9TR4KL4ACFEXF7HV1/kaa-day-waterfall.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536700827470-G85KFSIGI1EO3WQF20EA/image-asset.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536700927640-6KZL5WQ44YVMOJRQD94D/kaa-awake-noshadow.png Design Awake version of the koala. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536701696745-1XZIR9U2JU1V5M3LJ99J/kaa-asleep-dark%402x.png Design Sleeping version of the koala. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536700944244-6AJNTRT5GBSHZLGIKFK3/kaa-ghost-noshadow.png Design The ghost version of the koala. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536702988255-8WCF2DLPFTL13KL7S8IN/ghost-koala_for-display.png Design 360 perspectives of the ghost koala. I created a separate asset for each 45-degree angle. Its limbs, body, ears, and head are on separate layers, for easy animation. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536701378727-J2086BUQAFLU6V35TLD9/world-day.png Design Initial concept for the daytime scene. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536701420723-IA3YVTOXJ70DM0JA407Y/world-night.png Design Initial concept for the nighttime scene. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536702236503-1QAZJSRI736XA83E115G/trash.png Design This was our initial concept to symbolize a “trash” item. After some testing, we found that players were confused by the visual, as it looks like oil spillage. We then changed the item art to look more like a trash bag. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536702063063-LCIGA3YP0QCX88NMUH5M/image-asset.png Design The final asset for a “trash” item. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536702076248-S57QJCWSNEO5A01UJ03F/image-asset.png Design Seedling, to be animated into a tree. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536702103085-REB46A3A0OKVL0G1I2JW/tree-full_1115.png Design Tree, grown from the seedling. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536700761955-4CQPVRRGE5QAQYJ69RMJ/kaa-day.png Design The game in action: the landscape is sharp and geometric to indicate a surreal environmental beauty, whereas the interact-able items are round, soft and accessible. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536703693646-88QFWNWXLDZR02KRDHJQ/Screen+Shot+2017-12-05+at+5.56.01+PM.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536704312870-978CP3NMH9PS992DTFM6/image-asset.png Design The game during the day; the koala loses energy as it walks. We included an inventory at the bottom, for future levels. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536704336546-IDB9BX8F3U2GSDHJ4GDB/image-asset.png Design The game at night; the player controls the ghost koala, which has to avoid the evil sun ray until time runs out and it becomes daytime again. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536704362580-WBMK7A14GNVBK7TUJEGW/image-asset.png Design The ghost koala can hide behind shadows to avoid the light. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538007665108-E5ZFJZAMSVI61UL23N5L/vegan-fb-event-v2_nocaa.png Design Vegan Chili Cook-off Poster for different dimensions — Facebook cover. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538007556289-UX4AYVK7AFGI68DPKXVZ/image-asset.jpeg Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538004866604-7W6D1A437P0IOATZRRA9/caa-veganchili-poster-mockup.jpg Design Letter size poster for the Vegan Chili Cookoff. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538004940044-7QNAVY1HIX8R41WQ3AGO/image-asset.jpeg Design Infographic for CAA’s strategic plan, based on their first brand. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538009020836-JACLRO2QO9V2273ALPPD/image-asset.jpeg Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538008788438-UDA7002M3S0LO8HGMCS9/caa-stratold-greybg.jpg Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538008672557-L32CPEAFFL8E9DPNY677/image-asset.jpeg Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538004965953-6A5WARA5ZCN0Q3TZWDFX/image-asset.png Design Infographic for CAA’s strategic plan, after their re-branding. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538006016302-HWTKHWF3VCJDAJ5OMT7I/caa-stratplan-orange-folds.jpg Design Infographic for CAA’s re-branded strategic plan, in a poster mockup. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525133955130-8HNW2UH8UW7PPLZNJAXB/banner-vegfest2017-donors-darker.png Design For Twin Cities Veg Fest. Large (5ft x 3ft) banner honouring donors, to be hung up at the event. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525133257335-8F5FB4WU7GHM6X2OTR96/image-asset.png Design For Twin Cities Veg Fest. Front design page for a flyer to be distributed at the University of Minnesota campus. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538010925624-RFZCMM4GWPE84DMJ1MVK/vegfest-mockup-orange.jpg Design For Twin Cities Veg Fest. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549307738422-NTHO58S38Q9B4NKPD3JS/mural-final.jpg Design KPMG’s welcome mural. This would be the first mural that visitors would see when they walk into the space. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549307696901-HB1LPC46F8NIOFZSYIUZ/image-asset.jpeg Design Two whiteboards describing the Design Thinking methodology, as well as Overcoming Bias using design thinking. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549307660727-6VZX8WEL3BQO0OOTVG1M/image-asset.jpeg Design The boardroom space, describing concepts and applications of Design Thinking. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549307587015-VMGHSMCEXA9ZSX1OSL3U/IMG_7427+3.JPG Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549307500735-E6O1QZA4FQ6WJX2H222C/IMG_7434.JPG Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549585370516-9TF26IDAX77TQHKOBKSV/sprint-book.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549585352407-61YPADMQ2VQVIABY3NPG/1*lR5yznnub3PKlGhfcUHqlg.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549594503176-SF707X08G7IDYWLHT8H4/image-asset.jpeg Design Our team and clients aligning on the core problem we’re solving. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549594316360-72VLH0YRRIF78RFWUHCQ/voting-features.jpg Design Voting on sketched features. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549594371482-Q6Q4VVOTU9WNWKYLAT94/storyboard-al.jpg Design Combining our storyboards together. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549594341198-NXEQ1TPOQ1KFLPB4DBOW/storyboard-me.jpg Design Expanding on a user storyboard. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549594663647-AATVJT1YQ1IGOEDYYJ5I/usertest-students.jpg Design User tests for an earlier prototype. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549594677659-ESJYPADI78N538LZTAIV/usertest-students2.jpg Design User tests for an earlier prototype. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549594879163-DSNB6MXG0I3S18UD4NMT/usertest-ed2.jpg Design Testing a later iteration of our prototype with our client. Throughout this process, we also brought in external Urban Design Panel experts, to test our product during each sprint. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549590061398-0WEY7RZAVTLYGWOXNM4L/P3_1%28Top-down+and+title%29-2172.png Design The interface is simple and intuitive. It takes the strengths and familiarity of a Keynote or PowerPoint layout, but has features that enable 3D storytelling. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549590137643-8DIWGKSUVEHSZ19P57QV/P3_3%28Circle%29_2-1609.png Design The “camera” is a core feature of the tool — we expanded on this specific feature to optimize for the most intuitive user experience. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549592628687-SPTODDZ4JQWHLUQT8XMM/storytelling-video-preview.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1582665389762-KC1VKYPJF8TJ82XLIU6H/ML-Bundle2-x4-75%25-16col-quick.gif Design A landing page for the Machine Learning course bundle. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1582667463347-TOXKCUJ49GXJQC906LVN/Cert-Programs-Photoshop-Optimized.gif Design A landing page for marketing our Certification Programs, and their special features. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1582665389762-KC1VKYPJF8TJ82XLIU6H/ML-Bundle2-x4-75%25-16col-quick.gif Design A landing page for the Machine Learning course bundle. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1588301682957-PVQAJY9LAA4IB34H6UR3/ContactUs+2019.png Design Our Contact Us page, before re-design. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1588301743469-LNH8OQ60KRHXJ8HEYBVR/Contact+Us+-+Feb+2020.png Design Our Contact Us page, after re-design. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583961491025-9RT8RL3HOLY58TKK5HWE/Contact-Us-100%25-x4-32col-dither100-speed0.06.gif Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585935412461-4KUHAREWUCYVC3RANE6C/DS-with-BG-3.gif Design - Building out CFI’s Design System Designing a component-based library for CFI. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583982884952-JDJYMXWYU7CDKQNDKL6P/Frame+8%403x.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583982920508-TFCIRRPVTW8CEOULMLX3/1.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583983030777-M74FYW5ML51ZEEAW7R6J/2.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583983049034-AHMH42YMJEAAF0CFHAWL/3.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583983094054-3N7DDB9PXG10UZV2VA3U/4.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583983139785-SOJ3O2XADEZXFV3VFUJJ/5a.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583983158521-GXKBG3MH4WD2S0KJVNT0/5b.png Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635103026946-UVHA8VQOUEU2CXK6QJ45/DS+Screenshot+-+Grey.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585949502046-F47CYESPIWOL7PQ1R182/Screen+Shot+2020-04-03+at+2.30.57+PM.png Design A snapshot of our working design system. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635202484810-IYWY6B687LCAZ7B0TXEE/Grids+%26+Layout.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635201896403-T5URURKHJ40VWVCDOB0S/Spacing.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635100636178-IPNWXE4G7CBYWF80WIP0/Typography.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/c394d927-289d-49c2-9e62-05299773a30f/Typography-Mobile.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635100973274-WB6CKT7WR3E6OT0036A0/Button.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635100998132-1JXB5DUD8FZO7MS1AWG5/Icon+Button.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635101024288-4N4G2OLGXBLVJJFK3P7R/Link.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/0fb869b6-d92f-4cab-9be7-00cbe094b1db/Forms+%26+Input.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635100765100-O559CFBBUXD50WJE9H4B/Forms+%26+Input-4.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/a430f026-132a-4618-9f83-9989c01c860e/Forms+%26+Input-2.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635100719656-JSK7PBFW2ZK7QGTOJEJW/Forms+%26+Input-2.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/2e60cc04-0611-4a39-990f-1323fe7375b9/Forms+%26+Input-1.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/3af94ae8-e208-44e9-b6fa-45760971e555/Screen+Shot+2022-01-03+at+4.57.41+PM.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/949d8164-9b52-4143-9413-4656bb66d2db/Dropdown+component.png Design - Make it stand out Going atomic— design systems should be atomic enough to be flexible. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/ef526b35-1dfe-48e8-b99c-9f00547e9f36/Cards-1.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/7d4c3f3a-4ba5-49c0-983b-7e79d1b1ba39/Cards-2.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/b588842a-bbf9-4471-86d2-44e7ce382b85/Cards%402x.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/5573e631-db1d-4b62-8fbe-783c6aa6d323/Naming.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/812112b2-226c-4c27-99ce-e8a9743ff0d4/Naming-Icons.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/5791661e-9b7c-425e-854d-562c300d1027/Naming-Base.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635103807747-SNGSZ26MG7HLVP553FY0/DS+Screenshot+-+Grey.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/98b48278-88f5-4ba6-9410-0c916472971e/dashboard.png Design - Making a clearer, focused and relevant student learning experience Improving the dashboard for a better student experience. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/2e17176b-6649-4683-8245-c994b06ecebe/107.png Design - Make it stand out Some screens from our updated dashboard designs. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1614892397601-2T56JN28KP28WM4UNTLC/Certification+Overview_+FMVA.png Design Old Certification Overview page for enrolled students. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1614892355595-5UA7V013KFBYTBRLU1EV/Old+Certification+Overview+page+for+un-enrolled+students. Design Old Certification Overview page for un-enrolled students. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1614892433530-MMO1L62XTH9G791TCY8Q/My+Courses_+FMVA.png Design Old program page for enrolled students. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1614892494695-FIX315EACXOQT9A4HB2H/My+Courses_+CBCA.png Design Old program page for un-enrolled students. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/0dc20621-d3e3-4b13-945d-083e7feae714/Student+Dashboard+Information+Architecture.png Design - Make it stand out Updated information architecture for dashboard navigation. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/2170a075-9b04-48fb-9dfa-db78c4bd03c8/Old+User+Flow.png Design - Make it stand out OLD user flow had repeated information in different categories and showed students all programs. This was unclear and not as relevant for the student. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/4ba9ab95-1095-498c-94ed-02f52b4ec4f8/Revised+User+Flow.png Design - Make it stand out REVISED user flow shows students the most relevant information based on where they are in their learning journey. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/aafba1d3-09b6-4f3a-9f19-cea161ab9efd/Sidebar%402x.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/e8f6d8ae-1391-4a67-ba57-eeed4d55857b/Sidebar+Courses%402x.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/6a251c16-d6c8-4594-a5d0-c861e9dc5e76/Why+FMVA.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/cfd4a682-6cd4-4bf2-9959-4eba62fc3ac4/course+card-5.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/e42a52a8-15a3-489a-94d4-f47ed854bb7e/course+card-8.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/996af1a9-f9bc-4218-a44e-6eb324260f4e/1_+In+Progress.png Design - Make it stand out Program card — state 1: In progress https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1ca830bb-578c-4a17-a609-24d5a855ca70/2_+Courses+Completed%2C+Exam+to+be+Completed.png Design - Make it stand out Program card — state 2: Courses completed, exam to be completed https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/4919fa15-956a-476b-8962-b6caf534b3ce/3_+Exam+to+be+Graded.png Design - Make it stand out Program card — state 3: Exam to be graded https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/fee19776-1a08-4879-a843-56d7c9a13f03/4_+Exam+Failed%2C+Rewrite.png Design - Make it stand out Program card — state 4: Exam failed https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/5802805c-e823-40e6-b319-1e478f6e9fd6/4_+Exam+Passed.png Design - Make it stand out Program card — state 5: Exam passed https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/fb3cd6ab-2693-4964-93af-8fa5b4a102af/White+1.png Design - Make it stand out Program card — state 6: Program completed https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/d051d451-dc69-41b1-89a4-9d7b7e41a952/DashboardScreens3.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/02d8e2e7-f00b-44e0-9b6e-4793462552fd/DashboardScreens4.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/0619daa7-eb0e-47dd-8ce2-dec54db21dd2/DashboardScreens.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/596909f9-1dff-429f-93d4-6491adf12b5b/DashboardScreens2.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/35acc513-fbd7-443f-b1de-f7e6a1093792/107.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585935412461-4KUHAREWUCYVC3RANE6C/DS-with-BG-3.gif Design - Building out CFI’s Design System Designing a component-based library for CFI. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1633810320990-BF8ZSNK9DX46PSNJLH0A/Mobile+stories.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1633812619433-MDONHB8HYATM0USXLUEV/Instagram+PostsWhite.png Design - Make it stand out An overview example of some Instagram posts. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1633816668895-HHJT0O8I2J0LQ5DLTQYL/Carousel+ExampleGrayBG.png Design - Make it stand out An example of an educational Instagram carousel. I screen her Youtube videos and pull out key points to create a summarized bite-sized version on Instagram. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1633817486288-JWAIF4DHHT9DFGDCNSUV/Carousel+Example+Gray6.png Design - Make it stand out Graphic close-up. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1633817162969-KPRGH51TT15IRQZK47QR/Carousel+Example+Impact+Black2.png Design - Make it stand out Educational carousel on business and design impact. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1633809466180-7X7I21C4RUNQDF5VR7X7/Instagram+Carousels Design - Make it stand out Some other carousel design samples teaching product design tips. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1633809862463-0V91IW051VREFF8A9Q83/Instagram+Branding Design - Make it stand out A screenshot of the branding strategy for the Instagram launch. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1633812928265-ZM5NPE12KBIK11NKFN2H/Youtube+ThumbnailsGreen%402x.png Design - Make it stand out Various Youtube thumbnails. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635103807747-SNGSZ26MG7HLVP553FY0/CFI+Design+System+Preview Design - Building CFI’s Design System Building out and maintaining a scalable, consistent component-based design system. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/c84df0c7-ff4b-4222-a00c-dd6840b585bf/validating+the+components.png Design - Make it stand out Samples of monetization components within the mobile app. I collaborated with the designated PMs to decide where best to position these, to create an informative experience that’s integrated and unobtrusive, and makes users curious to learn more. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/ca5847ea-bbc4-4a48-be41-eb93312b296e/upgrade+triggers+DS.png Design - Make it stand out A scalable and cohesive design language for our mobile monetization system, with specific upgrade components and usage documentation. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/a487abd5-aa85-4458-a416-c14812653804/price+tiles+DS.png Design - Make it stand out Atomic components for plan pricing tiles. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/5ba6bdb1-b29c-4732-be3f-7e7cbae6997b/pricing+modal+variations.png Design - Make it stand out I collaborated with our content lead to personalize the pricing modal content based on the user’s entry point, so it’s more relevant for the user. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1635103807747-SNGSZ26MG7HLVP553FY0/DS+Screenshot+-+Grey.png Design - Building out CFI’s Design System Designing a component-based library for CFI. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/b89b6c33-7776-4651-85c6-90e30b2c7e82/invoices.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/076bbbf4-6c1c-45cc-be18-4b3b98959d57/manaing+payments+and+payouts.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/4d8910ae-5838-48ca-b4a4-40274f96266d/record+payment.png Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/226d3631-f2c6-4952-9a64-a1a266505b68/record+payment+edge+cases.png Design - Make it stand out I collaborated with engineers to discover and design optimal solutions for specific edge cases. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/90aadd65-a303-4eda-b1a4-8240069f52d3/edit+manual+payment+edge+cases.png Design - Make it stand out More granular edge cases for editing a manual payment. The screen’s hint text changes based on the user’s situation and inputs, so that it is most relevant and clear for the user. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/9a6beffb-92a0-403b-84f5-33d512850b2c/mobile+samples+square2.png Design - Monetizing Wave’s mobile app Designing our monetization strategy for Wave’s mobile app. https://www.flowong.com/new-project daily 0.75 2018-04-03 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1522744154304-G3NZMSZZPOSOB1D9GHI8/flo-avatar-grey.png New Project https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1522744154304-G3NZMSZZPOSOB1D9GHI8/flo-avatar-grey.png New Project https://www.flowong.com/compassionate-action-for-animals daily 0.75 2018-05-02 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536790748055-3KGE9W6AQ9GB1EXJQYUW/Logo_CAA_square.png Compassionate Action for Animals — Graphic Design https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524375951109-SLT8DAZTX4L8J52TD9IS/standard%402x+copy.png Compassionate Action for Animals — Graphic Design Email headers, based on new style guide. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524375951069-L4NZNEY1VUOS6UXR9OPO/weekly-update%402x+copy.png Compassionate Action for Animals — Graphic Design Email headers, based on new style guide. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524452569226-XN0B5GBTQ5CB5T2SBDG6/vegan-fb-event-v2_nocaa.png Compassionate Action for Animals — Graphic Design Vegan Chili Cook-Off Facebook Cover https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524452448231-ZE4OA15ZPZRDHE8ALR3Q/Strategic+Plan+Image+copy.JPG Compassionate Action for Animals — Graphic Design Justin’s strategic plan draft. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524452438196-2K2Z354ZLN4EICLVJJE5/caa-strategic-plan%403x+copy.png Compassionate Action for Animals — Graphic Design CAA strategic plan, based on their previous style guide. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524452485915-1V581NHYZTS3355J85IJ/caa-stratplan-03112018%402x.png Compassionate Action for Animals — Graphic Design CAA strategic plan, based on new style guide. https://www.flowong.com/animals daily 0.75 2024-02-22 https://www.flowong.com/play daily 0.75 2024-08-16 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524376804065-FZN2J3DOLL481103PTA1/cup6.jpg Play https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537916835835-M8FLUT275TCRHMCSUGVO/sleeping-dream.png Play https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537917032626-90L8YVF5YZ1XNEBEOU1L/oberon-bay.png Play https://www.flowong.com/draw daily 1.0 2026-03-01 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525339242786-56GK5IN57I20OTSFL2YV/tabah_all.png Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524357832574-CUPJNEPB1OLD1Q822I2L/vday-centered.png Draw I used simple lines and geometry to create flat designs, along with a limited colour palette. I then added textures and shading to add depth to the design. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575510148462-F7TV62910O37HN8B5XKA/SizzleReel_Koi_04_30_19.jpg Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575516349952-1L3WFT7PZN77R3YHGWZ7/covalent+preview2.png Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575517936515-BAE6TYJLOEIRBBANFYNP/cits+preview.png Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575519067417-AZWEF9CNONUK3RNG1BII/kafka+preview.png Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1583984049851-Z4457ZCFX0BOD27TFY4O/kind+preview5.png Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525072067587-OF1VA0BZNSY2JM9DIEWK/cits-logo Draw The logo given to me. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525470481770-9J87ZRIO0O2YAIFBUFCH/Caught_In_The_Spokes_portfolio2.jpg Draw The final illustration I made, incorporating a whimsical feel and colours from the logo. Since the story centres around the unintentional and chaotic collision of the two lovers' lives, we decided, for the movie poster, to create an illustration of a collision between a biker and cat, with the cat caught in the spokes of the bike. The poster draws viewers to the orange cat and bike collision. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525471041917-Q99EY74N9M4HB8ZV7QP9/image-asset.jpeg Draw Several different rough ideas for the poster illustration. I refrain from going too much into detail and fidelity, as we're testing out the idea and direction. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525471067697-Q24EBTMUZGRR52JJO0VD/cits-sketch2.jpg Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525471376830-5GII0EQ2OSH4K2ELFBB5/image-asset.jpeg Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525070991344-EIRPLTGH01DOVBRKJWSA/Caught_In_The_Spokes_0413.png Draw One of the first few iterations of the poster. A rougher illustration, as I was testing out the idea to be approved: specifically, now with colours and shape, and whether they created a unified feel. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525070975597-7WWTRX4H0LJB087LRMOU/image-asset.png Draw The composition direction works in creating balance, so I refined details and made the artistic style and textures more consistent throughout the poster. • To indicate and emphasize the collision of stories (bike + cat), we relocated the cat to the front spokes. • To make the illustration more expressive and light-hearted, I added eyes on the biker. This also reduces the intensity and emphasis on the intense biking, and rather, helps highlight the absurd nature of the situation. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525070112220-0YZFNM9CYVG685YB824O/image-asset.png Draw A shadow study: does abstracting the shape make the shadow more recognizable? https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525070097329-KX1KS1SMZT75XP29K2RQ/CITS_0427-greenshadow.png Draw Another shadow study: does matching the colour to the green hill make the shadow look more convincing? How about a simpler shape? https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525071960231-2CEDCD5BL4L7ZLIQP35H/image-asset.png Draw Another shadow study: how about refining the shadow? I also added subtly hidden hearts in the shadow, to match the film's love story. We ended up liking this version the best. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525470267731-EYTUT42S9GQEHHQDIL9L/image-asset.jpeg Draw The final poster, with movie credits added. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525238579157-AXVT141VZQRPRIJQ8E3L/image-asset.png Draw All of the resulting album jackets. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525230919696-AXVRH7EBT5JHEARH3G68/image-asset.png Draw First album jacket — intimate, individualized, warm. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525218989904-7IEZYJYIE1PAK57FYCTO/image-asset.png Draw Second album jacket — mood, anonymity, mystery. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525219001452-LDG812TNJPL90A7BRAXG/image-asset.jpeg Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525237011769-S5M5BQLJO1DI2DUGOJFB/image-asset.png Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525238416620-10C4ISGWE3ENXPGL7VO2/tabah3.png Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525239222725-0HWJSPF6N9BO2OFWI1X5/image-asset.png Draw All of the album jackets, together, again. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1541552317794-XUWB7NAR9E9HQ2MNADIU/with-food.jpg Draw A snapshot of the coffee shop, with my framed images on the walls. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534362543080-IGXHBS0GH9OH325ZWKFB/coffee-bath-0615%402x-sharp.jpg Draw Coffee Bath. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534362702792-7QZWYH1CKVA4YX1FOSKG/image-asset.jpeg Draw Skateboard Girl. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534364959827-PFG0S39O2H3MZIH156OW/image-asset.jpeg Draw Summer Feet / Anticipation. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534362714591-J5L0PUK9959SO9H1M7NJ/image-asset.jpeg Draw Yoga with Friends. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534362634278-YB4DMRYP03PGGI07VPEN/image-asset.jpeg Draw Coffee Spills and Splashes. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534364976655-W460YTRCEUUP91RXCBFX/image-asset.jpeg Draw Is that skunk I smell, or... https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534362823433-FZBXH6K0ADBH60MRF5L5/Summer_Feet-hue310-editedcolours%401%2C5x+sharp.jpg Draw Summer Memory https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534364385954-5CEN3Y4DGK0MLQABDCRL/Summer_Feet-hue60%401%2C5x+sharp.jpg Draw Summer Dream https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534364722575-EJLZO4CWF3CTND6OZ784/image-asset.jpeg Draw Hope — Sundrop Flower. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534364732685-Q9D1FXG6WAIRX2E4NJ38/image-asset.jpeg Draw Strength — Snake Plant. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534364757846-XQKQA9O8ORHO3MIJJQL9/image-asset.jpeg Draw At the Park. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1534364801698-56U6L0ZQLXMRJI163JKR/head-in-clouds-11x14-large%401%2C25x+sharp.jpg Draw Head in the Clouds. I ended up loving this one. It started as a doodle that I developed into something more. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536695659875-YYZZNR6IS9JN0MB9FWX3/bekindtoyourmind1.JPG Draw Be Kind to Your Mind pt. 1 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536695697140-T15IT9MR86HKIWF8AOJX/bekindtoyourmind2.JPG Draw Be Kind to Your Mind pt. 2 — let that baby sleep! https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536695726847-OQJXLA7FT4JJ5UDC5ILF/bekindtoyourmind3.JPG Draw Be Kind to Your Mind pt. 3 — yes, feed it tea (or coffee :P). https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575509456361-6H6F654AOGNM41MKZC8A/Koi+1.jpg Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575509496781-W8KJAA089V00Z5F6C6V7/Water_Wave+8.jpg Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575509585361-7GN5Z4RVBO80HT1C6YM2/SizzleReel_Koi_04_30_19.jpg Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575509533638-4WYJA43JJWQZTTEADDL5/SizzleReel_Surf_V2_04_30_19.jpg Draw https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575514693444-ELUSK23OVVS5NH6FF39N/DRM_cover.png Draw Digital Rights Management (DRM) is an approach to copyright protection for digital media. DRM technologies control the use, modification and distribution of copyrighted works. To illustrate this concept, I used the recognizable blue digital folder with a secure lock, protected from any malicious thieves. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1575514792757-KKRIX6F3VXKAOKGXWIR9/SC-violet_cover.png Draw To illustrate a Decentralized Supply Chain, I combined a typical supply chain visualization with the shape of a blockchain. https://www.flowong.com/archived-works daily 0.75 2024-02-22 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524371234642-84XEEZ8BCZLOVRQ1960X/comps-ingallery.jpg Archived Works The three paintings in the gallery exhibit. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1524414290831-0CYNOMGOAXZOONDR1US1/breakfast-gallery-cropped.jpg Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525074062384-FRXQ0Y5YA2ORC2N06ZTN/logo%403x.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537915060826-TAML6VDCAM7LIDWFZ8M4/1-landing%402x_iphone8silver_portrait.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537916550764-4URZ69RZU7ASC4PU4LX1/im-mournin-it.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549596885338-5CB8C9NGCFKP03ALFIMY/Screen+Shot+2019-02-07+at+7.30.25+PM.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1584143818436-O9J1BQMZFQR05KG904WZ/Cert-Programs-x4-70%25-1s.gif Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585964545487-G326XZN9MRK4V2IUX7OR/Site+Footer%403x.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525132947198-CJWGLLUDRIHFM0C7JKMF/image-asset.png Archived Works Facebook Cover. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525065519750-ZR9IQJPVZ4EWDU7JMR0X/tcvf-program-front.png Archived Works Front and back cover of an informational program. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525065540160-BFLH94WJ3N8FPORN39SG/tcvf-program-insides Archived Works Insides of an informational program. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525133955130-8HNW2UH8UW7PPLZNJAXB/banner-vegfest2017-donors-darker.png Archived Works Large (5ft x 3ft) banner honouring donors, to be hung up at the event. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525133257335-8F5FB4WU7GHM6X2OTR96/image-asset.png Archived Works Front design page for a flyer to be distributed at the University of Minnesota campus. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525133273549-FKM1UV97NY79VOQL4FWP/image-asset.png Archived Works Back design page for a flyer to be distributed at the University of Minnesota campus. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537912079049-R41U0OZCDP1GQTOTJV6O/image-asset.png Archived Works Our landing page for our mobile app. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537913414303-H5202F953DOJ42PLXW8F/image-asset.png Archived Works The menu bar popup. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537912093566-HICKXFFBO5VKO42W8583/image-asset.png Archived Works Users are prompted to pick a time for their reservation. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537913572914-QJV2FL6RXW4LOJRURBBE/4-modes%402x_iphone8silver_portrait.png Archived Works Users can then choose the meditation mode they want. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537913432547-EV2BBMCEB30VIGLNVQBW/image-asset.png Archived Works Confirmation page; users also see the reservation code to use the meditation room. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1537913553005-KH8EJB0IWF3EI3RVB8N0/image-asset.png Archived Works A congratulatory page. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536876801850-FV1U2AHHSD5Q8S2ZUL99/medium-banner.jpg Archived Works Our initial banner. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536884768055-BGHMU1DSW08IEH343Q7A/image-asset.jpeg Archived Works The copy was constantly changing, so I had to design posters flexible for these changes. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536789196842-6M6F0NX8CMPQ03OIMCJD/image-asset.png Archived Works This was our final copy. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538011140937-QMAIWMYVRZ9D9QGOFSDY/recharge-mockup.jpg Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536885039954-MPEESBCOY0MGJIKYVVHW/image-asset.jpeg Archived Works I created different posters for our 11/28 launch date — I used nature elements and went with a minimal feel. Here, I used bold text and blended the textures of the text with the background image of water. We ended up not using this poster, as the turbulent waves did not reflect the calming nature of HAVEN. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536884612812-56A358YUFH2MA2B73EFH/image-asset.jpeg Archived Works Again, this poster was deemed to be too ominous. We wanted something calmer, emulating stillness. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536884976678-5UHUJ8N2RF8I40BONLY4/image-asset.jpeg Archived Works This was a little better; but the cloudiness did not match the copy of a still mind. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536789053480-R9CBS7KBUIYHWSN8VP01/image-asset.png Archived Works We ended up going as minimal as we could — choosing a gradient that emulated a sunset sky, with just the anticipation of a specific date. Since our target audience consisted of students who already knew our product and had a good knowledge of what was happening, this poster was efficient and effective. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536884703747-EH5KDZJ476Z6KP64PY6T/image-asset.jpeg Archived Works We also created posters that matched the style of our landing page mockup and phone booking app prototype. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538011090585-Q0RGFWA7ASSULBNPXTQ0/haven-event-mockup.jpg Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1538011110610-S4DS074IY5BS98YUNP3F/haven-nov28-purple.jpg Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536883697774-JTDXCIJEGX7BDUOJLOGC/Screen+Ad2.JPG Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536883622362-E2ECCTXSC1PSB6R6NXVV/Poster+Hallway.JPG Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1536883565945-2GIAA5RIGJJ8DQ6JEF3B/FB+event.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549597043138-53J1NAIV1I0OGUJ7WGEM/image-asset.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549597131682-EY2PSLPLYDLAENTWE1HW/image-asset.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549597082761-GDLRNYYFUQ2IJWXB3YWC/image-asset.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1549597189454-AP8PBVVT0MN1L5XSPYOC/Screen+Shot+2019-02-07+at+7.31.55+PM.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1582667463347-TOXKCUJ49GXJQC906LVN/Cert-Programs-Photoshop-Optimized.gif Archived Works A landing page for marketing our Certification Programs, and their special features. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1582665389762-KC1VKYPJF8TJ82XLIU6H/ML-Bundle2-x4-75%25-16col-quick.gif Archived Works A landing page for the Machine Learning course bundle. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585935412461-4KUHAREWUCYVC3RANE6C/DS-with-BG-3.gif Archived Works - Building out CFI’s Design System Building a scalable, modular, component-based library for CFI. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585961521726-GJIKEDW5SBNCU8H05QQN/Site+Footer%402x.png Archived Works https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585959066114-C8R11ZDHUD6UMYNJXADC/Screen+Shot+2020-04-03+at+5.08.27+PM.png Archived Works Our old Site Footer. My task was to simplify and prioritize our navigation categories and links. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585959347665-07YXE9725EEPKLCTVZ2G/Desktop%403x.png Archived Works New Desktop Design for Site Footer. I simplified and organized links for better navigational access. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585959370359-8P7YIVF0QGQR3YY3ED6V/Phone%403x.png Archived Works New Mobile Design for Site Footer. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585961562215-SCXC39MEXC69E1QFFCUC/Site+Footer%402x.png Archived Works https://www.flowong.com/work-york daily 0.75 2025-05-08 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452896039354-F8P5FPCM3V9HMWHWZ0FE/main.jpg Work https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452634113588-M32DA4VU1QCEBLOKWCBV/main.jpg Work https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457568971678-00REK85V6O9X2O17334W/illo-portrait-head.jpg Work https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453940592760-5OWKFJCJKG133RHSDOMK/main.jpg Work https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453307629720-VXU62V9OYQD7Z46LI3F0/main.jpg Work https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1459800606415-5B8BDTCZ866H7OTNQMYL/portrait-black.jpg Work https://www.flowong.com/philosophy daily 0.75 2024-02-22 https://www.flowong.com/about daily 0.75 2026-03-01 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525209796707-0B6D2QIWP4S2NBDMQGY8/selfportrait.jpg About Flo https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525504009930-NTDCP74BU69YOP10P530/flo-avatar-grey.png About Flo https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/7ec8e96e-7759-49ec-9325-3d8adf391976/IMG_0101.JPG About Flo https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525210454118-0XEHINW2KW92YO1RJXBH/selfportrait.jpg About Flo A fun oil painting self-portrait. https://www.flowong.com/code daily 0.75 2024-08-16 https://www.flowong.com/bubs-and-windy daily 0.75 2018-05-01 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525058277682-SL0GVMXPE3PVZKPNX48D/bubs-playmat%402x.png Bubs & Windy — Mat Designs https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525055419701-71LLYF755ITIRDAMY22B/bubs-playmat%402x.png Bubs & Windy — Mat Designs The new floral baby play mat design. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525062905471-058LVGYADIDZPP4L0Q08/toys-flowers.png Bubs & Windy — Mat Designs Flower designs that didn't make it to the final round. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525059811185-3HMZMM61XLBMUDLGE93U/toy5%402x.png Bubs & Windy — Mat Designs https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525059766007-TV9VFSIGC769VT287HT1/toy2%402x.png Bubs & Windy — Mat Designs https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525059801900-FDUDMK8XCHAGKT80Q2RU/toy4%402x.png Bubs & Windy — Mat Designs https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525060208591-9DWZTJ63XY2786U2LTY3/toy5%402x.png Bubs & Windy — Mat Designs https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1525059789514-6XB7EDKYGQWLCYWYH3GT/toy3%402x.png Bubs & Windy — Mat Designs https://www.flowong.com/press daily 0.75 2021-01-26 https://www.flowong.com/conversion-testing-cfi daily 0.75 2020-04-04 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1584143818436-O9J1BQMZFQR05KG904WZ/Cert-Programs-x4-70%25-1s.gif Conversion Testing CFI https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1582667463347-TOXKCUJ49GXJQC906LVN/Cert-Programs-Photoshop-Optimized.gif Conversion Testing CFI A landing page for marketing our Certification Programs, and their special features. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1582665389762-KC1VKYPJF8TJ82XLIU6H/ML-Bundle2-x4-75%25-16col-quick.gif Conversion Testing CFI A landing page for the Machine Learning course bundle. https://www.flowong.com/ui-refresh-for-online-finance-education daily 0.75 2020-05-01 https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585873551651-G4UPC7TZX598BMBXW264/DS-with-BG-3.gif UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585935412461-4KUHAREWUCYVC3RANE6C/DS-with-BG-3.gif UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1588302072445-OD6K79SS1SN03OL5VFER/About+CFI+Old.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585950740665-3L7CMJW5ZWSQEZL2U7LK/Screen+Shot+2020-04-03+at+2.51.50+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585950780750-5QJK2S4NK25VS499JQOG/Screen+Shot+2020-04-03+at+2.51.12+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585950926670-WG142SN6T1YOY40ODH6V/Screen+Shot+2020-04-03+at+12.51.33+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585950856107-XP06MPD5Z0VZZ8YDL9YR/Screen+Shot+2020-04-03+at+2.54.01+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585863572227-9IKGDWTYBZAST13J5P40/Screen+Shot+2020-04-02+at+2.39.15+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1586460634107-EJDHCXLKWM2BVG792AQR/Screen+Shot+2020-04-09+at+12.29.31+PM.png UI Refresh for Online Finance Education Going atomic—design systems should be atomic enough to be flexible. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585951615267-Z77DAOYDWAAO078BZQT6/Screen+Shot+2020-04-03+at+3.06.31+PM.png UI Refresh for Online Finance Education BEFORE: Our older card styles. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585951346800-ZMZ0OBUT6T01CMUNXNL2/Screen+Shot+2020-04-03+at+3.02.09+PM.png UI Refresh for Online Finance Education AFTER: With new styles updated. We have subtler shadows, more consistent padding, clearer photos with no blue overlay — creating a roomier, friendlier design that’s inviting to interact with. https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585863755446-IX2PC03IDNXCPJZ3CTA8/Screen+Shot+2020-04-02+at+2.40.53+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585863739784-3GKJILGEO4YAQ457ZF2Q/Screen+Shot+2020-04-02+at+2.40.31+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585863768448-4DOF24EE2NOD5RMB9YY4/Screen+Shot+2020-04-02+at+2.41.07+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585863788742-9EC16GNNMGVRHINVNEV6/Screen+Shot+2020-04-02+at+2.41.27+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585863805516-GVOT4SWATA1OETTPPKXT/Screen+Shot+2020-04-02+at+2.41.49+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585863862901-O6T3TZUXGJ9ERCAIVZXE/Screen+Shot+2020-04-02+at+2.42.03+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585863879093-DIIEHP8PKVGSLHQZ660M/Screen+Shot+2020-04-02+at+2.42.08+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585952441240-HX0ZFWJ6PDR2P13ETUWI/Screen+Shot+2020-04-03+at+3.20.21+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585952542129-WL3RKZ0JYX0VX5OQOWUK/Screen+Shot+2020-04-03+at+3.21.58+PM.png UI Refresh for Online Finance Education https://images.squarespace-cdn.com/content/v1/5ac32d8a1aef1dfa3a1da03b/1585964545487-G326XZN9MRK4V2IUX7OR/Site+Footer%403x.png UI Refresh for Online Finance Education - Re-thinking Site Navigation for Online Education Evaluating site structure and navigation for user simplicity. https://www.flowong.com/statement-1 daily 0.75 2022-01-04