[{"data":1,"prerenderedAt":224},["ShallowReactive",2],{"$f63fb5yvusc0n":3,"$f3i17frhl6sh0v":147},{"projects":4,"draftCopy":118},[5,19,31,43,54,65,76,85,93,101,109],{"slug":6,"title":7,"summary":8,"categories":9,"disciplineLine":11,"thumbnail":12,"publication":17,"featuredOrder":18},"mpu5","MPU5","A hardware modelling study: a handheld radio unit, its battery and its connector bank rebuilt part by part from reference, then lit and presented as render sheets.",[10],"3d-imagery","Detailed 3D modelling",{"src":13,"alt":14,"width":15,"height":16},"\u002Fimages\u002Fprojects\u002Fmpu5\u002Fmpu5-thumbnail-1600.png","Black handheld radio units stood on end against a black background, their threaded metal antenna connectors catching the light, with one unit held in its mounting cradle.",1600,1000,"published",1,{"slug":20,"title":21,"summary":22,"categories":23,"disciplineLine":25,"thumbnail":26,"publication":29,"featuredOrder":30},"royse-media","Royse Media","A complete web presence for a Calgary video production and social media business: concept, visual direction, writing, build and deployment.",[24],"websites","Website design & development",{"src":27,"alt":28,"width":15,"height":16},"","Royse Media home page, to be captured at 1440 CSS pixels.","draft",2,{"slug":32,"title":33,"summary":34,"categories":35,"disciplineLine":37,"thumbnail":38,"publication":17},"okt-optics","OKT Optics","An interactive visual study: a run of rendered plates, and a glass lens the reader carries across the page to read them closer.",[36],"experiments","Interactive visual study",{"src":39,"alt":40,"width":41,"height":42},"\u002Fimages\u002Fprojects\u002Fokt-optics\u002Fokt-optics-thumbnail-1272.png","Two dark plates of abstract filament renders side by side on pale grey, with a round glass magnifier lettered OKT Optics resting over the green tinted one.",1272,795,{"slug":44,"title":45,"summary":46,"categories":47,"disciplineLine":48,"thumbnail":49,"publication":17},"interior-study","Interior study","Two interior renders set the same question: a bathroom lined in pale stone, and a bedroom carried by a single warm bulb.",[10],"Interior rendering",{"src":50,"alt":51,"width":52,"height":53},"\u002Fimages\u002Fprojects\u002Finterior-study\u002Finterior-study-thumbnail-1200.jpg","A red topped side table under a faceted black wire pendant, holding a camera, a laptop and a thick book, with a sheer curtain and a sculpted white wall panel behind.",1200,750,{"slug":55,"title":56,"summary":57,"categories":58,"disciplineLine":59,"thumbnail":60,"publication":17},"moraine","Moraine","A desktop interface study: window chrome, controls and icons for a file browser, drawn glossy and tested in the running system.",[36],"Desktop interface design",{"src":61,"alt":62,"width":63,"height":64},"\u002Fimages\u002Fprojects\u002Fmoraine\u002Fmoraine-thumbnail-744.png","The top of a file browser window titled System Disk: red, amber and green controls in a grey title bar, three blue folders labelled okt, Repos and Downloads, and a selected hard disk icon below them.",744,465,{"slug":66,"title":67,"summary":68,"categories":69,"disciplineLine":70,"thumbnail":71,"publication":17},"product-study","Product study","A wall bracket for a cordless vacuum, modelled around the tube it has to hold, exported for printing, then printed and fitted.",[10],"Modelled and 3D printed",{"src":72,"alt":73,"width":74,"height":75},"\u002Fimages\u002Fprojects\u002Fproduct-study\u002Fproduct-study-thumbnail-1536.jpg","A grey printed bracket screwed to an unfinished plaster wall, cradling the aluminium tube of a cordless vacuum below its dark grey collar.",1536,960,{"slug":77,"title":78,"summary":79,"categories":80,"disciplineLine":81,"thumbnail":82,"publication":17},"burlap-sac","Burlap Sac","A media-rich website for a Calgary band, combining an expressive visual direction with embedded music and social content, supported by donated creative work and hosting.",[24],"Website design & hosting",{"src":83,"alt":84,"width":15,"height":16},"\u002Fimages\u002Fprojects\u002Fburlap-sac\u002Fburlap-sac-thumbnail-1600.jpg","A browser window on the Burlap Sac home page: a blue, yellow and red band mark set over black concrete texture, with Home, Music, About and Contact across the top, and two smaller frames overlapping it showing the music page and a photograph of the band.",{"slug":86,"title":87,"summary":88,"categories":89,"disciplineLine":25,"thumbnail":90,"publication":17},"petro-tech-printing","Petro-Tech Printing","A website modernisation for a Calgary print shop, followed by responsive layouts, PHP-based file and form handling, and analytics supporting QR-code and direct-mail campaigns.",[24],{"src":91,"alt":92,"width":15,"height":16},"\u002Fimages\u002Fprojects\u002Fpetro-tech-printing\u002Fpetro-tech-printing-thumbnail-1600.jpg","A browser window on the Petro-Tech Printing site, its page split into cyan, magenta, yellow and black panels headed Services Offered, Online Estimate, Hyperprint Ordering and Get In Touch, with a second window over it showing a burgundy skyline hero and the globe mark.",{"slug":94,"title":95,"summary":96,"categories":97,"disciplineLine":25,"thumbnail":98,"publication":17},"team-savante-group","Team Savante Group","A corporate website featuring a rotating globe built with D3.js and TopoJSON, using an orthographic projection and real-world coordinates to visualise the organisation’s global presence.",[24],{"src":99,"alt":100,"width":15,"height":16},"\u002Fimages\u002Fprojects\u002Fteam-savante-group\u002Fteam-savante-group-thumbnail-1600.jpg","A browser window on the dark navy Team Savante Group home page, a faint blue wireframe globe filling the page behind Home, Services and Global in the navigation, with two smaller frames overlapping its lower half.",{"slug":102,"title":103,"summary":104,"categories":105,"disciplineLine":81,"thumbnail":106,"publication":17},"sharp-oilfield-services","Sharp Oilfield Services","A services website for an Edmonton trucking and oilfield business, later extended with an HR-managed careers section for creating and maintaining job postings.",[24],{"src":107,"alt":108,"width":15,"height":16},"\u002Fimages\u002Fprojects\u002Fsharp-oilfield-services\u002Fsharp-oilfield-services-thumbnail-1600.jpg","A browser window on the Sharp Oilfield Services home page: the red S mark between HOME, SERVICES, FIRST NATIONS and CAREERS, and a photograph of two tanker trucks carrying the line We are ready to go, with two smaller frames overlapping it.",{"slug":110,"title":111,"summary":112,"categories":113,"disciplineLine":114,"thumbnail":115,"publication":17},"pacific-amber","Pacific Amber","A property presentation website for a development in Panama, using bold colour and prominent imagery to communicate the setting and character of the destination.",[24],"Website design & deployment",{"src":116,"alt":117,"width":15,"height":16},"\u002Fimages\u002Fprojects\u002Fpacific-amber\u002Fpacific-amber-thumbnail-1600.jpg","A browser window on the Pacific Amber home page: the orange and blue Pacific Amber mark above a dusk photograph of a city skyline across the water, with a second window headed PANAMA and a mobile menu overlapping it.",[119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146],"projects.0.title","projects.0.summary","projects.0.disciplineLine","projects.1.title","projects.1.summary","projects.1.disciplineLine","projects.2.title","projects.2.summary","projects.2.disciplineLine","projects.3.title","projects.3.summary","projects.3.disciplineLine","projects.4.title","projects.4.summary","projects.4.disciplineLine","projects.5.title","projects.5.summary","projects.5.disciplineLine","projects.6.summary","projects.6.disciplineLine","projects.7.summary","projects.7.disciplineLine","projects.8.summary","projects.8.disciplineLine","projects.9.summary","projects.9.disciplineLine","projects.10.summary","projects.10.disciplineLine",{"slug":77,"publication":17,"client":78,"disciplines":148,"contribution":152,"tools":155,"credits":161,"links":162,"heroDemo":163,"assets":168,"blocks":184,"outcomes":203,"seo":209,"nextProjectSlug":86,"draftCopy":211},[149,150,151],"Website design","Front end development","Hosting",[153,154,151],"Design","Deployment",[156,157,158,159,160],"HTML5","CSS","Javascript","Soundcloud (embed)","Facebook (embed)",[],[],{"desktopAssetId":164,"mobileAssetId":165,"kind":166,"caption":167},"responsive-preview","mobile-preview","device-showcase","One build, tuned to read well on every screen from phone to desktop.",[169,177],{"src":170,"alt":171,"width":15,"height":172,"id":164,"imageType":173,"caption":167,"slots":174,"fit":176},"\u002Fimages\u002Fprojects\u002Fburlap-sac\u002Fburlap-sac-hero-1600.jpg","Three browser frames of the Burlap Sac site: a desktop home page carrying a large blue, yellow and red band mark over black concrete texture, a second desktop window headed MUSIC with a SoundCloud track list for the 2016 self titled EP, and a narrow mobile frame showing a black and white photograph of the four band members above a biography.",1364,"screenshot",[175],"hero","contain",{"src":178,"alt":179,"width":180,"height":181,"id":165,"imageType":173,"slots":182,"fit":176},"\u002Fimages\u002Fprojects\u002Fburlap-sac\u002Fburlap-sac-mobile-395.webp","The Burlap Sac mobile home page: a black and white photograph of the four band members above the band name and a biography.",395,675,[183],"mobile-hero",[185,191,196],{"type":186,"label":187,"heading":188,"paragraphs":189},"editorial","The brief","A web presence with the character of the band.",[190],"Create a distinctive online presence for a Calgary band within an open-ended creative brief.",{"type":186,"label":192,"heading":193,"paragraphs":194},"My contribution","What I built",[195],"I designed and deployed a media-rich website for Calgary band Burlap Sac, with the freedom to explore a more expressive visual direction. The site brought music and social content into the experience through SoundCloud and Facebook embeds. I also provided hosting, with the original project arrangement described as donated creative work and hosting in support of the band.",{"type":197,"heading":198,"items":199},"deliverables","Scope of work",[200,201,202],"Website design and deployment","Media presentation using SoundCloud and Facebook embeds","Hosting, recorded in the original description as a donated creative and hosting arrangement",[204,207],{"statement":205,"kind":206},"A media-rich band site with SoundCloud and Facebook content embedded in the pages rather than linked away from them.","observable-deliverable",{"statement":208,"kind":206},"Hosting carried alongside the creative work, as the donated arrangement the original description sets out.",{"title":210,"description":79},"Burlap Sac, a website for a Calgary band",[212,213,214,215,216,217,218,219,220,221,222,223],"disciplines","assets.0.caption","assets.1.alt","heroDemo.caption","blocks.0.heading","blocks.0.paragraphs","blocks.1.heading","blocks.1.paragraphs","blocks.2.items","outcomes","seo.title","seo.description",1790118738433]