[{"data":1,"prerenderedAt":231},["ShallowReactive",2],{"$f63fb5yvusc0n":3,"$f2zc5try1wtrc2":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":86,"publication":17,"client":87,"disciplines":148,"contribution":152,"tools":155,"credits":161,"links":162,"heroDemo":163,"assets":166,"blocks":186,"outcomes":208,"seo":216,"nextProjectSlug":94,"draftCopy":218},[149,150,151],"Website design","Front end development","Backend integration",[153,154],"Design","Deployment",[156,157,158,159,160],"HTML5","CSS","Javascript","PHP","QR-Codes",[],[],{"kind":164,"caption":165},"petrotech-customizer","A recreation of the template personalisation feature, built for this portfolio: one set of details, applied across a business card and a letterhead. The company, names, addresses and phone numbers are invented, and the previews are screen proofs rather than press-ready files.",[167,178],{"src":168,"alt":169,"width":170,"height":171,"id":172,"imageType":173,"caption":174,"slots":175,"fit":177},"\u002Fimages\u002Fprojects\u002Fpetro-tech-printing\u002Fpetro-tech-printing-hero-2400.jpg","Three browser frames of the Petro-Tech Printing site: a desktop page split into cyan, magenta, yellow and black panels headed Services Offered, Online Estimate, Hyperprint Ordering and Get In Touch, a second desktop window showing a burgundy hero with a city skyline and the Petro-Tech Printing globe mark, and a mobile frame carrying the same Welcome text and a phone number.",2400,2047,"responsive-preview","screenshot","One build, tuned to read well on every screen from phone to desktop.",[176],"detail","contain",{"src":179,"alt":180,"width":181,"height":182,"id":183,"imageType":173,"slots":184,"fit":177},"\u002Fimages\u002Fprojects\u002Fpetro-tech-printing\u002Fpetro-tech-printing-mobile-592.webp","The Petro-Tech Printing mobile home page: the globe mark above a burgundy Welcome panel and a phone number.",592,1012,"mobile-preview",[185],"mobile-hero",[187,193,198,200],{"type":188,"label":189,"heading":190,"paragraphs":191},"editorial","The brief","Connecting a print business to its online workflows.",[192],"Modernise a dated business website, support mobile visitors, and extend its operational and marketing functionality.",{"type":188,"label":194,"heading":195,"paragraphs":196},"My contribution","What I built",[197],"I redesigned and deployed the website for Calgary print shop Petro-Tech Printing, then adapted the presentation for mobile access. The work expanded beyond the visual refresh to include PHP-based FTP, email and form handling, alongside analytics collection for marketing campaigns using QR codes and physical mailouts. It is a useful example of design and practical web functionality evolving together as a business needs more from its site.",{"desktopAssetId":172,"mobileAssetId":183,"type":199},"device-showcase",{"type":201,"heading":202,"items":203},"deliverables","Scope of work",[204,205,206,207],"Website design and deployment","Responsive template and mobile presentation","Integration of PHP handling for FTP, email and forms","Analytics collection supporting QR-code and physical-mail marketing campaigns",[209,212,214],{"statement":210,"kind":211},"A dated business site replaced, then rebuilt on a responsive template so mobile visitors get the same pages.","observable-deliverable",{"statement":213,"kind":211},"A PHP handler behind the site for FTP transfers, email and form submissions.",{"statement":215,"kind":211},"Analytics collection tied to the QR-code and physical-mail campaigns the shop was running.",{"title":217,"description":88},"Petro-Tech Printing, a business site and the work behind it",[219,220,221,222,223,224,225,226,227,228,229,230],"disciplines","heroDemo.caption","assets.0.caption","assets.1.alt","blocks.0.heading","blocks.0.paragraphs","blocks.1.heading","blocks.1.paragraphs","blocks.3.items","outcomes","seo.title","seo.description",1790118739050]