https://loannele.com/header-copy 2026-10-19T23:50:24+00:00 always 0.5 https://freight.cargo.site/t/original/i/U2843180088168684426476057517397/Loanne-Le-halftone-v02.svg https://loannele.com/footer-1 2026-10-19T18:09:30+00:00 always 0.5 https://loannele.com 2026-10-19T17:49:07+00:00 always 0.5 https://loannele.com/intro 2026-10-21T00:11:20+00:00 always 0.5 https://freight.cargo.site/t/original/i/N2837940999127774075818248494421/Loanne-Le-halftone-v01.svg https://loannele.com/work 2026-10-21T00:06:05+00:00 always 0.5 https://freight.cargo.site/t/original/i/D2590958875373008170838147924263/horizontal.png <span class="t1">Informational magazine spread<br /> </span>Information design | Illustration | Typography https://freight.cargo.site/t/original/i/E2856850559780101679214861213013/Cover-fronts.png <span class="t1"> Book cover series<br /> </span>Branding | Illustration | Typography https://freight.cargo.site/t/original/i/I2856851931424650768035990723925/Leaflet-back.png <span class="t1">Instructional leaflet<br /> </span>Information design | Illustration<br /> https://freight.cargo.site/t/original/i/B2856867423590619679676143492437/Front.png <span class="t1">Palace Court Theatre brochure<br /> </span>Editorial design | Advertising<br /> https://freight.cargo.site/t/original/i/X2856870760735749822249997688149/IMG_2106.jpeg <span class="t1">Book design proposal<br /> </span>Editorial design | Typography<br /> https://freight.cargo.site/t/original/i/I2864841332977077385127503846741/Mockup-1.png <span class="t1">African Livestock Observatory<br /> </span>Branding | Logo design<br /> https://freight.cargo.site/t/original/i/Z2876771957936393209742705024341/2-phones.jpg <span class="t1">Room booking app<br /> </span>UX/UI design | Branding<br /> https://freight.cargo.site/t/original/i/I2898608528311201726783302393173/Mockup.jpg <span class="t1">Informational magazine spread<br /> </span>Information design | Illustration | Typography https://loannele.com/case-studies 2026-10-21T11:00:24+00:00 always 0.5 https://loannele.com/oup 2026-10-20T23:57:41+00:00 always 0.5 https://freight.cargo.site/t/original/i/E2856850559780101679214861213013/Cover-fronts.png https://freight.cargo.site/t/original/i/V2892691199751259392756444290389/IMG_0253.jpeg https://freight.cargo.site/t/original/i/B2892691199769706136830153842005/IMG_0256.jpeg https://freight.cargo.site/t/original/i/Y2892691199788152880903863393621/IMG_0257.jpeg https://freight.cargo.site/t/original/i/B2892691199732812648682734738773/IMG_0177.jpeg https://freight.cargo.site/t/original/i/Q2892691199714365904609025187157/IMG_0176.jpeg https://freight.cargo.site/t/original/i/A2892701597922639325798756506965/IMG_0423.jpeg https://freight.cargo.site/t/original/i/R2892701913325069498084670037333/IMG_0413.jpeg https://freight.cargo.site/t/original/i/C2892701913306622754010960485717/IMG_0412.jpeg https://freight.cargo.site/t/original/i/K2923760863006753720180037639509/Virus-3.png https://freight.cargo.site/t/original/i/I2923760863043647208327456742741/Virus-vector.png https://freight.cargo.site/t/original/i/L2923770372524684646338410306901/M-Book-cover_02_TG1BP-.png https://freight.cargo.site/t/original/i/L2923770372469344414117281652053/1-check.png https://freight.cargo.site/t/original/i/E2923770372506237902264700755285/2-all-blye.png https://loannele.com/tg2id 2026-10-21T00:03:34+00:00 always 0.5 https://freight.cargo.site/t/original/i/E2856850559780101679214861213013/Cover-fronts.png https://freight.cargo.site/t/original/i/H3168374850462627240114223832405/Screenshot-2026-03-26-at-17.41.06.png <div style="text-align: center">The three moods and concepts explored</div> https://freight.cargo.site/t/original/i/S3168375959296413510795371470165/IMG_2892.jpeg https://freight.cargo.site/t/original/i/T3168375959351753743016500125013/IMG_2926.jpeg https://freight.cargo.site/t/original/i/U3168380235380817005185402920277/IMG_3051.jpeg https://freight.cargo.site/t/original/i/F3168380235362370261111693368661/IMG_3051-copy.jpeg https://freight.cargo.site/t/original/i/K3168380235325476772964274265429/IMG_3051-copy-2.jpeg <div style="text-align: center">Layout draft sketches</div> https://freight.cargo.site/t/original/i/P3168384938378218597435587419477/Screenshot-2026-03-26-at-17.40.38.png https://freight.cargo.site/t/original/i/D3168384938396665341509296971093/Screenshot-2026-03-26-at-17.40.50.png https://freight.cargo.site/t/original/i/V3168384938322878365214458764629/Screenshot-2026-03-26-at-17.40.26.png https://freight.cargo.site/t/original/i/T3168393044707668068729497312597/Screenshot-2026-10-06-at-23.47.45.png <div style="text-align: center">Translating the graphs into watercolour illustrations</div> https://freight.cargo.site/t/original/i/A3168393044633881092434659106133/Screenshot-2026-10-06-at-23.48.04.png https://freight.cargo.site/t/original/i/S3168394224838120184298061946197/Screenshot-2026-10-06-at-23.49.35.png https://freight.cargo.site/t/original/i/E3168400258306938092849656749397/IMG_3555.jpeg <div style="text-align: center">Hero graph 2: lily flower</div> https://freight.cargo.site/t/original/i/P3168400258251597860628528094549/Flower-herographic-scan-v02.png <div style="text-align: center">Hero graph 1: flower made of menstrual products</div> https://freight.cargo.site/t/original/i/H3168401277046826307533354294613/IMG_3587.jpeg https://freight.cargo.site/t/original/i/C3168401277120613283828192501077/IMG_3589.jpeg https://freight.cargo.site/t/original/i/M3168405959549895233892226948437/TG2ID-layout-V16.png <div style="text-align: center">Final infographic spread</div> https://freight.cargo.site/t/original/i/R3190763352290061582398493547861/heatmap.svg https://freight.cargo.site/t/original/i/I3190763352271614838324783996245/418m-lost-v1.svg https://freight.cargo.site/t/original/i/D3190763352308508326472203099477/Istotype-v3.svg https://freight.cargo.site/t/original/i/J3190763352326955070545912651093/stacked-bar-chart-opinions-on-tampon-tax-copy.svg https://freight.cargo.site/t/original/i/O3190770959137021769858874334549/TG2ID-layout-V05.png <div style="text-align: center">Layout testing – final version we settled on</div> https://freight.cargo.site/t/original/i/Z3190770959081681537637745679701/TG2ID-layout-V02.png <div style="text-align: center">Layout 2 digitally drafted</div> https://freight.cargo.site/t/original/i/Y3190771332960290423582937832789/IMG_1928.jpg <div style="text-align: center">Layout 2 sketch: main hero graph in the centre with a ‘soil and earth’ concept</div> https://freight.cargo.site/t/original/i/K3190774655440259027557698493781/Initial-concept-1.jpg <div style="text-align: center">Layout 1 digitally drafted</div> https://freight.cargo.site/t/original/i/N3190775356840808942215979588949/IMG_3051-copy.jpeg <div style="text-align: center">Layout 1 sketch: main hero graph to aligned to the side</div> https://loannele.com/tg2ed 2026-10-20T23:57:42+00:00 always 0.5 https://freight.cargo.site/t/original/i/E2856850559780101679214861213013/Cover-fronts.png https://freight.cargo.site/t/original/i/C3168434973529758312034195725653/IMG_1490.jpeg https://freight.cargo.site/t/original/i/C3168434973474418079813067070805/IMG_1489.jpeg https://freight.cargo.site/t/original/i/P3168438929341791198678992018773/Screenshot-2026-10-07-at-00.29.32.png https://freight.cargo.site/t/original/i/W3168438929378684686826411122005/Screenshot-2026-10-07-at-00.29.44.png https://freight.cargo.site/t/original/i/J3168449752157219708515182435669/Text-page-example-0.jpg <div style="text-align: center">Page layout using 8 columns</div> https://freight.cargo.site/t/original/i/B3168449752194113196662601538901/Text-page-example-1.jpg <div style="text-align: center">Page layout using 6 columns</div> https://freight.cargo.site/t/original/i/L3168455976346924595149831396693/CHP-OPEN-2.jpg Chapter opener with smaller resized chapter number https://freight.cargo.site/t/original/i/Z3168455976291584362928702741845/CHP-OPEN-3.jpg Chapter opener with smaller resized chapter number https://freight.cargo.site/t/original/i/O3168457787780299145280380984661/Screenshot-2025-10-27-at-23.20.15.png Chapter opener with large number https://freight.cargo.site/t/original/i/K3168462089210528996947336355157/IMG_2103.jpeg https://freight.cargo.site/t/original/i/Q3168462089247422485094755458389/IMG_2104.jpeg https://freight.cargo.site/t/original/i/P3168462089173635508799917251925/IMG_2095.jpeg https://freight.cargo.site/t/original/i/C3168462089265869229168465010005/IMG_2105.jpeg https://freight.cargo.site/t/original/i/T3168462089192082252873626803541/IMG_2101.jpeg https://freight.cargo.site/t/original/i/U3168462089136742020652498148693/IMG_2094.jpeg https://freight.cargo.site/t/original/i/S3168462089302762717315884113237/IMG_2110.jpeg https://freight.cargo.site/t/original/i/P3168462089284315973242174561621/IMG_2107.jpeg https://freight.cargo.site/t/original/i/R3168462089228975741021045906773/IMG_2106.jpeg https://loannele.com/tg2ux 2026-10-20T23:57:42+00:00 always 0.5 https://freight.cargo.site/t/original/i/E2856850559780101679214861213013/Cover-fronts.png <div style="text-align: center">Creating our first persona</div> https://freight.cargo.site/t/original/i/W3190712203490135393880544632149/IMG_2200.jpeg <div style="text-align: center">Creating our first persona</div> https://freight.cargo.site/t/original/i/W3190712203471688649806835080533/IMG_2216.JPG <div style="text-align: center">Mapping the pain points and user pathways</div> https://freight.cargo.site/t/original/i/G3190715390589449240900905983317/Low-fidelity-2.png https://freight.cargo.site/t/original/i/A3190715390497215520532358225237/Low-fidelity-1.png https://freight.cargo.site/t/original/i/U3190715762973871856875624455509/IMG_2401.jpeg https://freight.cargo.site/t/original/i/L3190716858655129603001861791061/IMG_2398.jpeg https://freight.cargo.site/t/original/i/M3190717968761741214768968490325/IMG_2403.jpeg https://freight.cargo.site/t/original/i/Y3190734266533917313452659432789/Final-1.png <div style="text-align: center">Final user flow 1 – simple onboarding process</div> https://freight.cargo.site/t/original/i/A3190734266460130337157821226325/Mid-1.png <div style="text-align: center">Mid fidelity wireframes</div> https://freight.cargo.site/t/original/i/Q3190734266386343360862983019861/Upper-1.png <div style="text-align: center">Mid fidelity wireframes</div> https://freight.cargo.site/t/original/i/W3190743131356589607535912672597/Final-3.png <div style="text-align: center">Analytics, interactions and community events userflow</div><br /> https://freight.cargo.site/t/original/i/R3190745904363392487924259347797/Final-A-2.png <div style="text-align: center">Using the map interface and catering services</div> https://freight.cargo.site/t/original/i/G3190745904437179464219097554261/Final-A-1.png <div style="text-align: center">Final user flow 2 – filtering and browsing</div> https://freight.cargo.site/t/original/i/A3190754306799977830403891780949/4-phones-copy.jpg https://freight.cargo.site/t/original/i/M3190754306726190854109053574485/3-phones-copy.jpg https://freight.cargo.site/t/original/i/R3190757185100795883526359080277/2-phones-v02-copy.jpg https://loannele.com/tg1id 2026-10-21T11:00:24+00:00 always 0.5 https://freight.cargo.site/t/original/i/E2856850559780101679214861213013/Cover-fronts.png <div style="text-align: center">Step by step photos</div> https://freight.cargo.site/t/original/i/E3191499210638482911247334890837/Screenshot-2025-01-30-at-18.22.20.png <div style="text-align: center">Step by step photos</div> https://freight.cargo.site/t/original/i/D3191499210675376399394753994069/IMG_7318.jpeg <div style="text-align: center">Process photo – creating a photoshoot</div> https://freight.cargo.site/t/original/i/Q3191501123584290099001547021653/IMG_7946-2.jpeg <div style="text-align: center">Style 2: Ballpoint and pen</div> https://freight.cargo.site/t/original/i/K3191501123602736843075256573269/IMG_7947.jpeg <div style="text-align: center">Style 1: Marker</div> https://freight.cargo.site/t/original/i/E3191501123547396610854127918421/IMG_7945.jpeg <div style="text-align: center">Trialling out styles</div> https://freight.cargo.site/t/original/i/M3191503254902653631329431182677/Screenshot-2026-10-21-at-11.48.53.png <div style="text-align: center">Style 3: Watercolour</div> https://freight.cargo.site/t/original/i/N3191505346302262988149845646677/IMG_7988.jpeg https://freight.cargo.site/t/original/i/N3191505346246922755928716991829/IMG_7978.jpeg <div style="text-align: center">Exploring layout configurations</div> https://freight.cargo.site/t/original/i/Y3191505346320709732223555198293/IMG_7989.jpeg https://freight.cargo.site/t/original/i/A3191505346283816244076136095061/IMG_7987.jpeg https://freight.cargo.site/t/original/i/M3191505346339156476297264749909/IMG_7990.jpeg https://freight.cargo.site/t/original/i/W3191510100175784735690973502805/Screenshot-2026-10-21-at-11.54.59.png <div style="text-align: center">Painted illustrations using watercolour</div> https://freight.cargo.site/t/original/i/Z3191511878294339488702072872277/IMG_7823.jpeg Final watercolour hero graph https://freight.cargo.site/t/original/i/R3191512382001133165415089298773/IMG_7981.jpeg Sketch of hero graph https://freight.cargo.site/t/original/i/T3191512508158415885514712800597/IMG_7980.jpeg Firt sketches of hero graph https://freight.cargo.site/t/original/i/C3191514558698487119068470435157/Leaflet-front-page.png https://freight.cargo.site/t/original/i/Y3191514558716933863142179986773/Leaflet-front.png https://freight.cargo.site/t/original/i/X3191514558753827351289599090005/Leaflet-back.png https://freight.cargo.site/t/original/i/D3191514558735380607215889538389/Leaflet-first-fold.png https://loannele.com/about-1 2026-10-21T11:00:24+00:00 always 0.5 https://loannele.com/about 2026-10-21T11:00:24+00:00 always 0.5 https://freight.cargo.site/t/original/i/F2866420313063490086177541184853/DSCF2304.jpg https://loannele.com/contact 2026-10-21T11:00:24+00:00 always 0.5 https://loannele.com/contact-me 2026-10-21T11:00:24+00:00 always 0.5