http://www.juliagrandfield.com/mad daily 0.75 2019-11-10 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401570096-JBJHF87ZI5IMHPXZ4P43/IMG_9330.JPG MAD https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401570096-JBJHF87ZI5IMHPXZ4P43/IMG_9330.JPG MAD https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401523082-PIFXDASG3SA39RPMTLHP/IMG_3306.JPG MAD https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401570228-A5XUKEDAIK1RAVVDV3HE/IMG_4048.JPG MAD https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401612624-GFCKLJ0EML2KBYD7G0YC/IMG_3007.JPG MAD https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401646999-PTEOKYO4DIBYEZ5WZ0PE/IMG_0303.JPG MAD https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401629920-D61YT8M34YUL2PK285K7/IMG_3185.JPG MAD https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401651418-E5YFK7FLTYGSACU17DKL/17accb4c-fb37-4063-bc3f-2c6b1a47b8fd.JPG MAD https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401646617-30IGSTEV4H5ZMX3WIZ48/69741447-c17d-42ce-8a31-446f56440ed2.JPG MAD http://www.juliagrandfield.com/youthsummit daily 0.75 2019-12-29 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650360053-Z0HM8J4685XSZE1I7R0Z/Black+and+red+Logomark.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650360053-Z0HM8J4685XSZE1I7R0Z/Black+and+red+Logomark.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650364298-CMG3GDOFQD5BRMNQYNY0/v2.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650360081-Y3FQGE5EVLPPGSCIO78O/Black+%26+red+vs+full+logo.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650362853-V2LDHO4UTLI3X5Q6AG2I/Climate.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650363033-FYVPHNKURHAWDVPWWFTK/Future+of+Work.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650364807-4E0FJTSKPX33Y7EHBR0O/Gender+Eqaulity.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650438792-VMQKTIFDKTHQKL3OKK34/Environment.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650440052-T6GDACBUAOGU80PBNO65/Future+of+Work+copy.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650440650-WTBL6VH2DQE952KDHVHV/Gender+Equality.png New Gallery https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1577650431151-RWCZ1OHX1IHVPPEFZUX8/Primer+1.png New Gallery http://www.juliagrandfield.com/work-all daily 1.0 2025-09-29 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620575541967-I5GPA1FBK1SCXSR76I33/cp-phone-black.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619963791132-FAU6MZRJ6YV4CO2VADW0/flixel+white.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619716530421-UXO1I1HPTZVVLNQIK5BN/Group+17.43.31.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619716354941-9VJ6A9KD493LBKZQUP6W/wt+v3.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619982325956-TD2VRKCW3B1YTY95RBMU/PW.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620574878612-HPISK0LZKHQJEPKL1DSG/Party+with+-phone.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619962750115-QSVAIHVLUGQDA9HD6DM3/IMG_1917.jpg Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619956061813-4I029QRUT6G7B7REJ83Y/Sumi%403x.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619961412859-YS9SJFQ3KHIABNYE5L2O/AfterlightImage+68.JPG Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620575114729-36QA8CD73L5RMC98X0OI/Frame+2343.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620675585208-CKKQIA9P5IBU1IZLJQ0I/Wt+project+mock.png Work - 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/561eb814e4b018d6f4ee5589/1620585921116-NJMK6ANX7HJX3OUV23L9/WeTransfer_Pro_Lockup-white.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/93cfa3a9-15e7-4151-829c-af51496f3c6b/ideo-logo-white.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619982629711-0LWNABXRILGR5QZNUJQO/wt+v9.jpg Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619982764829-366C8M5A57PJ6DZ3OHP5/pw+2.jpg Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619988643602-PQWJZDEUUCANL0YOZ7VZ/bubbles+2.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620326240659-6CMIBZUCYJ29C4KWZ4WP/about+background+2.jpg Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620574522138-6QCISYMXONMRARKQ3IPY/flixel+bacgoeund+v13.jpg Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620585426573-E1MWGGG9JFHFNE8XP42E/wt+projects+scene.jpg Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620673986682-FROGOQV422QFW23HB8N4/Sumi%403x.png Work https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1654788652999-0UTAUOLNVTZKCLERDJP5/Lighting+Shadows+-+Copy%403-1512x859.jpg Work http://www.juliagrandfield.com/about-julia daily 0.75 2022-06-09 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619964519725-1MX81ZJ1U61QUKQ4H00U/Objects+banner.jpg About https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620560081094-WFO3OHPAGUQVNQR2T8KR/about+sec+2.jpg About https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620560643778-UCXWZFGBZ5T50I99D0Q8/about+section+3.1.png About http://www.juliagrandfield.com/ui-shots daily 0.75 2023-05-31 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625240845400-IWSBCNWPK0RN83ZTCJS6/.gif Ui Shots https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625240845400-IWSBCNWPK0RN83ZTCJS6/.gif Ui Shots https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625240850024-2X91W9245I3CSXACAUJD/_slowed_7.gif Ui Shots https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625240907856-GRECQSKVPXD940MQC1A2/ezgif-3-4ff4351dc367.gif Ui Shots https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625240954786-9SJ9ZKTOQE2SZJJXS4K9/Feedback+-+default.gif Ui Shots https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625241018504-AGZDJR0EXVXVK9E6YJ7R/Pricing+Animation+copy.gif Ui Shots http://www.juliagrandfield.com/graphicdesign daily 0.75 2019-12-29 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1528572691846-843J8XV6XK5I54I1D5QR/image-asset.png Lettering https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1528572746660-XZZY3DF8Z6OTLEOCTLEY/Sweet.png Lettering https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1528572702467-SR59PJ980WNO4U7TYMDP/Artboard+26+copy.png Lettering https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529466815922-JCKRGWY6LBFP877AXKJ3/You%27ve+got+this.png Lettering http://www.juliagrandfield.com/illlustrations daily 0.75 2021-05-10 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204017451-LHCFXNCBSOYXH2ATVN5Z/selena+copy%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620674884289-5NTSMU05SHET8I5FSLLQ/mondrian4%25402x.jpg Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204105183-XW4B05GPFJQDAJAZ0ETD/andrea+%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1528568230234-83UHAYNOGFJBW8NY0UQO/women+.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1537787702396-UTCTOWQK36CJ5WSQP31D/Sumi%403x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523203984717-ZO2YGLO0HNW8UGC4IO8I/pasta%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204372091-LFJP684FXHWMP0WYE0J6/29680569_10155413255492514_1951832272_o.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204079447-NG4O4HQJCH9VNUIHXE70/Artboard+16.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620674947313-DOGNPN8YQGYTFUVVLCSD/dancer%2B1%25402x.jpg Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1537786935312-1JAVF8T2J5SLHS3LWAMJ/Artboard+4+copy+3%403x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204039344-WJ5DQEAXK9OP1S2CRKPI/chocolate%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1528568183899-HA1MJIGM01ZRKTLXN0PT/Artboard+2.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204061685-QPUQNDRS2SPEB631CLZ4/sophie+3%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1537786879957-UQGFWYTVRQQLV95LCH0D/Artboard+2%403x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204109102-TG7SH64Y99KN7YXTMS0W/guess+who%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204011117-ZA7CY8IN31SVJ56X6RYO/mondrian+3%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529466674533-NE6UQASPUOEU60M4XLEI/mondrian+1%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1537787684997-6O9RTMHGZ2WIEGABSQMT/fashion+%403x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1530991301061-17LQQTX7XYXB4EOVJTIL/back+1%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620675077998-JQ9CXKXOPNXRV4VV6U7L/back%2B2%25402x.jpg Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1528568202658-NCFDAYOPPPCMKR58N3TM/ali+3.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204146694-3YDCJPKOSK25P0FWIOYO/Artboard+30+copy.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204101013-EYJDQQKC79M1QBIJDOP4/heather%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204090000-FF1YBOGCM50UP8WVPG67/doesnt+look+like+you%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1528568223273-22F5I72NFT6ASL3D6BN3/Artboard+27+copy+3.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529466754558-BN0QT6SUS2ZSW6F9I6QX/girl+2%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1537786922262-GFW5HXW3N9J4EMCIQ5B8/glasses+1%403x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204130871-9GMHG6VISXAAXXSZEO63/ben+2%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1528568213663-R45C0LEY6L3NSKN42TY4/Artboard+6.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1523204154044-8JXJ8G2J1NBOE1QJT15Q/scarf%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529466655428-3FUU4DG4BWGRMSXSOZ2D/steph%402x.png Illustrations https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619955458674-CYL6ZKMZQPY9ZBX9O86K/Sumi%403x.png Illustrations http://www.juliagrandfield.com/mad-residency daily 0.75 2021-05-23 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573400018446-1H9OMFW7BANN6XG7XHSX/Paper.MAD_2019.27.png MAD Design Residency Clockwise from top left: A student working at the potters wheel with a local Latvian clay body, inside Andris’s forge, smithed nails for my final installation, 3D printing small people to add scale to a model, assembling a wooden installation, painting on the roof of a shed while visiting a permaculture farm with another artist and a 6 year old Latvian girl. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573403741384-KOV4F1HR93QGYH864RGF/Paper.MAD_2019.30.png MAD Design Residency https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573401186879-G50M97C19HCU9E0VH689/Paper.MAD_2019.29.png MAD Design Residency https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573399798036-AO2WB2DCPB8B46MZYND6/Paper.MAD_2019.22+2.png MAD Design Residency Chair references and inspiration https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573399632824-21D8ZWH7UH69OK0QG1QJ/Paper.MAD_2019.25.png MAD Design Residency https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573399486521-774JIAIMC114SQEFU6CI/Paper.MAD_2019.22.png MAD Design Residency Chairs concepts that employ the museum-effect - a halo of white space to suggest that the resting person focus on the earth. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1573400886824-BH7XSC21FXD8DPG8FQ7K/Paper.MAD_2019.28.png MAD Design Residency - EXHIBITION The resulting product was a vertical wooden sculpture out in the middle of field, crowned with a birds nest woven from birch bark, attached to its pedestal with a handmade nail. Our group also played with other forms of eco-architecture, such as temporary structures made from peat that could be delivered to a location for an event and then left to erode and fertilise the soil. http://www.juliagrandfield.com/flixel-case-study daily 0.75 2021-05-29 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1622314974862-5W7QZ5Q0CKWR4HK48C3Y/Tutorials.png Flixel - 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/561eb814e4b018d6f4ee5589/1622314818723-QXA5DB537YIKS0YJDZFE/welcome+window.png Flixel - 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/561eb814e4b018d6f4ee5589/1622313426419-GVJ6TCXXK3V60F5CQP80/onboarding.gif Flixel - 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/561eb814e4b018d6f4ee5589/1622313619002-ZF5B0EQJPB0NF72G1LR3/Profile.png Flixel - 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/561eb814e4b018d6f4ee5589/1622314594478-ZRDC33THMT5SBBP1NOCC/Account.png Flixel - 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/561eb814e4b018d6f4ee5589/1622312344962-WOUKFWS0MXI45GXLZINR/Julia.gif Flixel - 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/561eb814e4b018d6f4ee5589/1622313756579-ABVUU7AT3SMI1UI6O8ZQ/Export.png Flixel - 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/561eb814e4b018d6f4ee5589/1622046051140-MI9YBQTZU4XHD1MXBV60/189a2f0f-66cf-48c8-a85c-bcb4303bc268.gif Flixel - 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/561eb814e4b018d6f4ee5589/1622315230841-S72FOP0CRZI13CGC6FZP/Cinemagraph+Pro+iOS.png Flixel - 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/561eb814e4b018d6f4ee5589/1622312315277-GOWH7BQPV923NIOLDM1L/cafe.gif Flixel - 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/561eb814e4b018d6f4ee5589/1622314031925-MB0C2N6T1NKEY52RE9GB/Purchase+copy.png Flixel - 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/561eb814e4b018d6f4ee5589/1622315343305-8ZHRH7XZOJF53Y53NF9Y/Ads.png Flixel - 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/561eb814e4b018d6f4ee5589/1622313046600-BWUQIBXYU6FJGV2CBURS/Bitmap.png Flixel - 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/561eb814e4b018d6f4ee5589/1622314188103-HG70ZS947F6VG4TAEC9B/price+animation.gif Flixel - 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/561eb814e4b018d6f4ee5589/1622312299308-ZB4GOP98MP61V1HBPVXO/app+feauture.png Flixel - 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/561eb814e4b018d6f4ee5589/1620570973275-DVGASNXA7394ND9C3BWR/CP+banner.png Flixel https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619990488098-8JUP4WUB39FUUJP4Z1Q8/flixel+v10.png Flixel http://www.juliagrandfield.com/partywith-casestudy daily 0.75 2021-05-29 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1622301055556-WB0CSK2N4965V86TOIFW/Creating+Trust.png Party With - 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/561eb814e4b018d6f4ee5589/1622301683471-VO4T4J07I736F3E3HN4K/Android+Partywith.png Party With - 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/561eb814e4b018d6f4ee5589/1622300983413-QF5RHLD2CD5E14MXLK4P/Profile+copy.png Party With - 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/561eb814e4b018d6f4ee5589/1622300626868-LWA92F2EWPZXURG02SP6/product+hunt.png Party With - 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/561eb814e4b018d6f4ee5589/1622301146837-3YITHBJGSCT06XWQK3A2/Empty+States.png Party With - 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/561eb814e4b018d6f4ee5589/1619955012227-QWTVNP72PQCMQNT4RJ2W/iphone6_mockup-2.jpg Party With https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1622300882048-FJHDS2BA43E0VA3EL8ZO/Edit+Profile.png Party With - 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/561eb814e4b018d6f4ee5589/1622301380257-RFS9W9CBH12E77E584TM/Venue.png Party With - 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/561eb814e4b018d6f4ee5589/1622300534575-VK6PC1PKURWT7T6YJ6AQ/static1.squarespace+%281%29.jpg Party With - 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/561eb814e4b018d6f4ee5589/1622300854707-FOR83M8TVTE1PI4HE9W5/colour+pallette.gif Party With - 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/561eb814e4b018d6f4ee5589/1622301464166-P8TVQZSLAHMW5YMKTN0M/Launch+Screens.png Party With - 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/561eb814e4b018d6f4ee5589/1622301276533-OUU53WWM8ZR900R8XW9Z/Home%2B%26%2BFilter.png Party With - 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/561eb814e4b018d6f4ee5589/1622301523369-AG5593MAY2ITGHJCG3SK/Branding.png Party With - 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/561eb814e4b018d6f4ee5589/1622301114474-7WQ372WH3BWEI3SQRNEM/Onboarding.png Party With - 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/561eb814e4b018d6f4ee5589/1622301484233-7G9PKXWQUY1AS0322QCH/Apple+Watch.png Party With - 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/561eb814e4b018d6f4ee5589/1622300712229-38WO2P34HXLEPMV3NEUZ/colour+schemes.png Party With - 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/561eb814e4b018d6f4ee5589/1619982836745-ZW2K4IW61DQ98C8C8739/pw+2.jpg Party With http://www.juliagrandfield.com/cinemagraph-pro-1 daily 0.75 2021-04-29 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529873486456-UWN3MB5AIZOQ52N103DR/app+feauture.png Cinemagraph Pro (Copy) Background Flixel is an Apple Design Award winning photography software company that makes applications for iOS and macOS. Cinemagraph Pro, the easiest way to make cinemagraphs - a magical composite of photo and video, is our flagship product. This is a cinemagraph I made using the iOS app outside our office in Toronto: https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1530975978868-BRT779V8Z9I8Q55XUJ4Y/Julia.gif Cinemagraph Pro (Copy) My Role I completed the Information Architecture and worked with our lead designer to plan the overall the UX of the iOS app. After we had a structure for the redesign in place, we split the UI design work evenly feature by feature. I completed the high fidelity designs and prototypes for user paths such as export, edit profile, account settings, search for users, purchase, and tutorials. When our other designer left the company just as we were wrapping up the initial design phase, I took on his responsibilities and managed the development process with the engineering team. Research Conversation with our power users informed changes to critical path features like share and export. Common requests and feedback through our Customer Success channels helped inform which vital information needed to be clarified in onboarding and the need for new plan options. We also conducted a literature review of best practices and techniques for SaaS onboarding, as well as the iOS Human Interface Guidelines to guide design decisions. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620571133050-KZMUH3D0PHE49P4GLYH5/coffee.gif Cinemagraph Pro (Copy) https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620571284139-4QUZON9NIEGKXXB93GMS/image-asset.gif Cinemagraph Pro (Copy) https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529880097370-I84ERIOFQI05V8J70IFY/Bitmap.png Cinemagraph Pro (Copy) - Challenge 1 Onboarding and Education Cinemagraphs as a medium were only invented in 2012 and their origin and creation process is still fairly mysterious. For this reason, we wanted to create an onboarding flow that quickly educates users on the key steps of shooting and creating a cinemagraph. When you want to teach something you can a) tell someone what to do b) show them what to do or c) have them do it themselves. It’s widely accepted that people learn best by doing. So, we designed an onboarding path whereby scripting the iOS application and locking certain features we would be able to lead the user through the key cinemagraph making steps: Shoot, Mask, Trim, Pick a still frame, and Loop. However, due to resource restrictions we initially launched with a video version of the onboarding process, thereby b) showing the user how to create a cinemagraph, using text and short soundless video clips. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1530395255970-4K2GR1ZCGXSYKD5P3URK/onboarding---wide-2.gif Cinemagraph Pro (Copy) To increase account creation we decided to present a sign in screen after onboarding. When users create an account they are able to upload to their personal gallery page and be featured in the Flixel galleries. Many photographers are discovered through Flixel and find custom projects and other work this way. In order to not gate the application’s functionality with a sign-in, as per Apple’s Human Interface Guidelines, the create account modal view is dismissible. However, even making create account optional, create an account as the suggested path increased user sign-up by 600%. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529789773376-83A61OOX00H286TS0KV9/Profile.png Cinemagraph Pro (Copy) Profile Signed-Out and Signed-In State https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1620571101913-H6EKM472NLLEJPQ4I732/Tutorials.png Cinemagraph Pro (Copy) Moving the Tutorial videos and support content higher up in the information architecture, from the last to the second tab of the app, helped to highlight this educational content. The new tab structure created a user path of Inspire (galleries), Learn (tutorials), Capture (camera), Edit (documents) and Share (your profile). https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529789781605-GKQQ7EHUKVWSO61J7XH8/Export.png Cinemagraph Pro (Copy) - Challenge 2 Decrease Friction to Export and Share Cinemagraphs In order to auto-loop and display at its highest quality, a cinemagraph .mp4 file must be a particular number of seconds and resolution for each platform. To simplify this process we created one-tap optimize options for the popular social networks. A user can still custom manipulate a variable like the file format before saving or sharing their cinemagraph. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529872086637-LUIA77K19LCJGW2SHYVG/Purchase.png Cinemagraph Pro (Copy) - Challenge 3 Displaying Multiple Purchase Plans We launched this version of Cinemagraph Pro with three purchase plans, which created the challenge of showing three evenly-weighted options in limited screen real estate, particularly on devices such as the iPhone 5. To limit the complexity of evaluating three detailed options we used progressive disclosure. A fun interaction, tap to expand with a bounce animation, allowed users to explore further what comes in each plan, as well as make their purchase. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529790274067-O5Y3VOI0K2X3DR2KK58H/Pricing+Animation.gif Cinemagraph Pro (Copy) Low-Fi Interaction Prototype for Development https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529789776684-EHLECU1KY7MES9HKVVVO/Account.png Cinemagraph Pro (Copy) Conclusions & Learnings Working with a team of senior iOS app developers and another designer for part of the project was a great way to learn about the many conventions of iOS. I significantly deepened my knowledge of iOS design principles and Swift app development over this period. The product is always a work in progress, and there are further improvements I think could be made. Particularly, I still think the application could benefit from having a more interactive onboarding experience. By building out the scripted cinemagraph creation walkthrough people would be able to ‘learn by doing’ and would gain a deeper understanding of the process. Although the plans view was improved with new UI and interactions, optimizing the entire purchase path was not in scope for this redesign. I think this an area we could focus more time to reduce friction and see a direct impact on,subscription revenue. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529789797191-35ILQZWHKB5KBASG7KH0/welcome+window.png Cinemagraph Pro (Copy) - Onboarding & Welcome Window on macOS We designed and implemented a very similar onboarding flow on macOS to increase account creation and give context on launch of the app. During this process I also redesigned the mac apps Welcome Window. The goal of the redesign was to create a window that would act as a launchpad, pointing users at different stages of the user journey to different actions (as seen on the left-hand side). This list of topics was dynamically designed to display options based on the user’s state; signed-in, signed-out, free trial versus paid plan. If the user was a paying customer the sidebar would fill with actions associated with strong customer health such as uploading to one’s gallery or participating in the Flixel forums. If running a trial the actions would suggest booking a one-on-one demo and other user actions statistically tied to conversion. The right side of the window toggles between previews of the users most recent documents and tutorial videos. By adding tutorials into the mac app we created an integrated learning experience where users could watch tutorials and create their first cinemagraph by following along with the demonstrations documents all from within the application. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1530539552572-E8T99V5XM5Y1NJR5L5W6/Spacer.png Cinemagraph Pro (Copy) - Cinemagraph Pro for iOS Product Page During my time at Flixel we also fully redesigned the company’s website Flixel.com, this is the product webpage I designed for the iOS application. https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529789056224-JLM31JF3AH0L4Q2O265D/Cinemagraph+Pro+iOS.png Cinemagraph Pro (Copy) https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1529871965526-AF0J4N2BNMZP9EJLTLBX/Ads.png Cinemagraph Pro (Copy) - Digital Ads In 2016 I designed Flixel advertisements for Facebook, the Flixel Blog, the Google Display Network and a Times Square billboard! https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619723346894-4WVMOSDTWND7S8W3LS8V/background-black.png Cinemagraph Pro (Copy) http://www.juliagrandfield.com/riko-casestudy daily 0.75 2021-06-04 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1622318537459-AX6UPNF42NGARWPK2OHP/Riko+Video+Submission+Page.png Riko - 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/561eb814e4b018d6f4ee5589/1622318331588-OXEADKG7UP54WSFWSN4N/.jpg Riko - 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/561eb814e4b018d6f4ee5589/1622319196255-S8ZX85FWYE2O8HLDHM1C/pathway+tindr.gif Riko - 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/561eb814e4b018d6f4ee5589/1622319418516-HWNTKCFY83FB1Y4S6OPO/UX+Wireframes.png Riko - 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/561eb814e4b018d6f4ee5589/1622318923867-GU8EBC3YRBJ5EI2MUTG2/Career+Exploration.png Riko - 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/561eb814e4b018d6f4ee5589/1622318672235-IL1TCRTAIFL92EQW9TNH/Riko+Web+Design.png Riko - 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/561eb814e4b018d6f4ee5589/1622319463246-5JC6HTJASH5LL236VELH/Questions.png Riko - 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/561eb814e4b018d6f4ee5589/1622318991264-04QLVQJ6H0Y0344G08B0/Websites+versus+Riko.png Riko - 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/561eb814e4b018d6f4ee5589/1622318812378-AU2IFUFRTGI27YTES6OD/Video+Content.png Riko - 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/561eb814e4b018d6f4ee5589/1622319525449-IZX29ICJV7AUKFVLXNZG/Sketches.png Riko - 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/561eb814e4b018d6f4ee5589/1619989878578-HG5Z7VJ46LR4L20RLRAG/riko%2B2.png Riko https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1619989382343-LWXVXIOVLGPLMNDBNBK1/bubbles+2.png Riko http://www.juliagrandfield.com/new-page-3 daily 0.75 2021-07-02 https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625240845400-IWSBCNWPK0RN83ZTCJS6/.gif New Page https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625240850024-2X91W9245I3CSXACAUJD/_slowed_7.gif New Page https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625240907856-GRECQSKVPXD940MQC1A2/ezgif-3-4ff4351dc367.gif New Page https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625240954786-9SJ9ZKTOQE2SZJJXS4K9/Feedback+-+default.gif New Page https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625241018504-AGZDJR0EXVXVK9E6YJ7R/Pricing+Animation+copy.gif New Page https://images.squarespace-cdn.com/content/v1/561eb814e4b018d6f4ee5589/1625241437486-SYPJO5SUCIQISP4U3KVB/Objects+banner.jpg New Page http://www.juliagrandfield.com/shop-cacao daily 0.75 2021-04-29 http://www.juliagrandfield.com/shop-cacao/gift-set-9-bars-y9tnc monthly 0.5 2016-12-06 https://images.squarespace-cdn.com/content/v1/578fe75b29687f20274b78c7/1480540825877-Q3EPZ6QP34J4ZPO614D3/blue-gift-shop.jpg Shop - Gift Set: 9 Bars http://www.juliagrandfield.com/shop-cacao/gift-set-6-bars-abjjk monthly 0.5 2016-11-30 https://images.squarespace-cdn.com/content/v1/578fe75b29687f20274b78c7/1480540786679-YIIILVZCUOUUF18L1OQN/red-gift-shop.jpg Shop - Gift Set: 6 Bars http://www.juliagrandfield.com/shop-cacao/gift-set-3-bars-a7dtm monthly 0.5 2016-11-30 https://images.squarespace-cdn.com/content/v1/578fe75b29687f20274b78c7/1480540738636-EIOXC8RTN84HE3NV02SK/yellow-gift-shop.jpg Shop - Gift Set: 3 Bars http://www.juliagrandfield.com/shop-cacao/quinoa-currants-gk6af monthly 0.5 2016-11-30 https://images.squarespace-cdn.com/content/v1/578fe75b29687f20274b78c7/1480538306145-5PMAU6Y4G9K8I9W9GWT9/yellow-bar-shop.jpg Shop - Quinoa + Currants http://www.juliagrandfield.com/shop-cacao/quinoa-sea-salt-pglmz monthly 0.5 2016-11-30 https://images.squarespace-cdn.com/content/v1/578fe75b29687f20274b78c7/1480538225539-IJ8DNV7HJERI2CI1VZ31/red-bar-shop.jpg Shop - Quinoa + Sea Salt http://www.juliagrandfield.com/shop-cacao/quinoa-coffee-2f69e monthly 0.5 2018-04-26 https://images.squarespace-cdn.com/content/v1/578fe75b29687f20274b78c7/1480538182968-XL3YLF7YWFP3EAP8HZHS/blue-bar-shop.jpg Shop - Quinoa + Coffee