{"id":354,"date":"2026-10-25T16:15:32","date_gmt":"2026-10-25T16:15:32","guid":{"rendered":"https:\/\/webdesign.stustustudio.com\/?page_id=354"},"modified":"2026-10-25T16:15:32","modified_gmt":"2026-10-25T16:15:32","slug":"tools-experiences","status":"publish","type":"page","link":"https:\/\/webdesign.stustustudio.com\/?page_id=354","title":{"rendered":"Tools &#038; Experiences"},"content":{"rendered":"\n<section class=\"wrap section builds-heading\"><p class=\"eyebrow\">SELECTED BUILDS \/ THE PRACTICE IN ACTION<\/p><h1>Art, design, and<br><em>useful digital things.<\/em><\/h1><p class=\"lede\">Photography, writing, visual design, and hands-on development come together in websites, custom tools, and interactive experiences.<\/p><nav class=\"build-jumps\" aria-label=\"Case studies\"><a href=\"#boodio\">Boodio \/ The Haunted Window \u2198<\/a><a href=\"#spin\">Spin Studio \u2198<\/a><a href=\"#yearbook\">Yearbook Approvals \u2198<\/a><a href=\"#sessions\">Stu Stu Sessions \u2198<\/a><\/nav><\/section><section class=\"capability-map wrap\"><article><h2>Websites &#038; identity<\/h2><p>Structure, logos, photography, and professional copy that give a business a clear presence.<\/p><\/article><article><h2>Tools &#038; workflows<\/h2><p>Custom software that connects an approachable interface to the work behind it.<\/p><\/article><article><h2>Interactive experiences<\/h2><p>Generative visuals, creative utilities, and experiences built for participation.<\/p><\/article><\/section><section class=\"wrap build-study\" id=\"boodio\"><div class=\"build-visual\"><p class=\"eyebrow\">01 \/ PROJECTION \/ PHONE \/ AUDIENCE<\/p><div class=\"build-emblem\">{{icon:orbit}}<\/div><h2>Boodio \/ The Haunted Window<\/h2><ol class=\"build-flow\"><li>Choose a scene<\/li><li>Fit the projection<\/li><li>Invite participation<\/li><\/ol><p class=\"micro\">WORKFLOW AT A GLANCE<\/p><\/div><div class=\"build-story\"><p class=\"eyebrow\">THE IDEA \/ THE BUILD \/ THE PURPOSE<\/p><h2>A window becomes a world.<\/h2><h3>The need<\/h3><p>An immersive display needs more than animation. It needs to run as a show, fit a real window, and let an audience participate without interrupting the experience.<\/p><h3>What I built<\/h3><p>Boodio brings generative scenes and characters to a projection display, with an autonomous host show and an optional phone remote. A turn queue gives guests a way to participate while the host retains control.<\/p><p>Scene switching, bounded effects, and rendering only the active scene keep the experience focused on the display. Projection fitting, audio controls, and reduced-motion support account for the space and the people using it.<\/p><h3>What it enables<\/h3><p>An interactive installation that connects creative coding, physical presentation, and a multi-device interface.<\/p><ul class=\"skill-tags\"><li>Generative animation<\/li><li>Multi-device interaction<\/li><li>Queue &#038; state logic<\/li><li>Performance tuning<\/li><\/ul><a class=\"text-link\" href=\"{{start}}\">Have a similar challenge? Start a project \u2197<\/a><\/div><\/section><section class=\"wrap build-study\" id=\"spin\"><div class=\"build-visual\"><p class=\"eyebrow\">02 \/ IMAGE \/ MOTION \/ OUTPUT<\/p><div class=\"build-emblem\">{{icon:prism}}<\/div><h2>Spin Studio<\/h2><ol class=\"build-flow\"><li>Upload an image<\/li><li>Shape the motion<\/li><li>Export MP4 \/ GIF \/ PNG<\/li><\/ol><p class=\"micro\">WORKFLOW AT A GLANCE<\/p><\/div><div class=\"build-story\"><p class=\"eyebrow\">THE IDEA \/ THE BUILD \/ THE PURPOSE<\/p><h2>From a flat image to a moving asset.<\/h2><h3>The need<\/h3><p>A creative tool should turn an idea into a usable file. Spin Studio began with a very specific destination: animated graphics sized for a scoreboard.<\/p><h3>What I built<\/h3><p>Upload an image or transparent logo, shape its extrusion, adjust the finish and motion, then export an MP4, GIF, or PNG. The tool also builds repeated patterns and seamless animated scrolling.<\/p><p>The visible image boundary and its holes define the extrusion. Full spins, rocking, and half-turn returns offer different motion styles. Browser-based processing keeps image and video work on the user\u2019s device, with a 432 \u00d7 240 scoreboard format among the output options.<\/p><h3>What it enables<\/h3><p>A focused production tool that joins graphics programming, approachable controls, and practical media exports.<\/p><ul class=\"skill-tags\"><li>Browser graphics<\/li><li>Media export<\/li><li>Creative tool design<\/li><li>Local processing<\/li><\/ul><a class=\"text-link\" href=\"{{start}}\">Have a similar challenge? Start a project \u2197<\/a><\/div><\/section><section class=\"wrap build-study\" id=\"yearbook\"><div class=\"build-visual\"><p class=\"eyebrow\">03 \/ GALLERY \/ CHOICES \/ APPROVAL<\/p><div class=\"build-emblem\">{{icon:camera}}<\/div><h2>Yearbook Approvals<\/h2><ol class=\"build-flow\"><li>Send a review link<\/li><li>Rank &#038; add notes<\/li><li>Receive the selections<\/li><\/ol><p class=\"micro\">WORKFLOW AT A GLANCE<\/p><\/div><div class=\"build-story\"><p class=\"eyebrow\">THE IDEA \/ THE BUILD \/ THE PURPOSE<\/p><h2>A clearer path to the final photograph.<\/h2><h3>The need<\/h3><p>Photo selection can become a trail of emails, filenames, and changing preferences. A review tool needs to make the choices clear for both the client and photographer.<\/p><h3>What I built<\/h3><p>Yearbook Approvals presents a small review gallery through a private link. Clients rank their top three photographs and add editing notes before submitting their choices.<\/p><p>The workflow connects invitation emails, visible selection states, reordered preferences, and submission notifications. An administration view keeps galleries and notification actions in one place.<\/p><h3>What it enables<\/h3><p>A purpose-built review process that turns feedback into an organized selection the photographer can act on.<\/p><ul class=\"skill-tags\"><li>Client experience<\/li><li>Forms &#038; state<\/li><li>Email automation<\/li><li>WordPress administration<\/li><\/ul><a class=\"text-link\" href=\"{{start}}\">Have a similar challenge? Start a project \u2197<\/a><\/div><\/section><section class=\"wrap build-study\" id=\"sessions\"><div class=\"build-visual\"><p class=\"eyebrow\">04 \/ DATES \/ CLIENTS \/ OPERATIONS<\/p><div class=\"build-emblem\">{{icon:interface}}<\/div><h2>Stu Stu Sessions<\/h2><ol class=\"build-flow\"><li>Configure the sessions<\/li><li>Book &#038; pay<\/li><li>Manage the calendar<\/li><\/ol><p class=\"micro\">WORKFLOW AT A GLANCE<\/p><\/div><div class=\"build-story\"><p class=\"eyebrow\">THE IDEA \/ THE BUILD \/ THE PURPOSE<\/p><h2>Booking built around the actual session.<\/h2><h3>The need<\/h3><p>Senior portraits, family sessions, and mini sessions share a scheduling problem\u2014but they do not all need the same booking experience.<\/p><h3>What I built<\/h3><p>Stu Stu Sessions connects configurable session details, dates, access-code bookings, and payment flows. A bulk date builder helps prepare a series of appointments, while the public flow guides clients toward an available time.<\/p><p>The administration includes upcoming and past bookings, search, a monthly calendar, reminders, calendar files, and CSV exports. PayPal capture and a manually confirmed Venmo flow support different payment needs; booking holds, releases, and changes handle the scheduling lifecycle.<\/p><h3>What it enables<\/h3><p>A custom business tool that connects the client-facing experience to the work of managing a photography studio.<\/p><ul class=\"skill-tags\"><li>Scheduling logic<\/li><li>Payment integration<\/li><li>Admin experience<\/li><li>Workflow automation<\/li><\/ul><a class=\"text-link\" href=\"{{start}}\">Have a similar challenge? Start a project \u2197<\/a><\/div><\/section><section class=\"wrap section build-practice\"><div><p class=\"eyebrow\">THE EYE \/ THE WORDS \/ THE WORK<\/p><h2>One practice.<br><em>Many ways to make.<\/em><\/h2><p>Photography informs composition and attention to detail. More than 150 published articles bring experience in explaining ideas clearly. Logo and identity work give projects their visual character.<\/p><p>Modern tools, including AI-assisted development and design, support the process. Creative direction, practical testing, and hands-on iteration shape the finished work.<\/p><a class=\"text-link\" href=\"https:\/\/art.stustustudio.com\/\">Explore the art &#038; photography \u2197<\/a><\/div><figure><img decoding=\"async\" src=\"{{assets}}photos\/bridge.webp\" width=\"1600\" height=\"1067\" alt=\"Michael B. Stuart\u2019s photograph of an illuminated bridge reflected in still water\" loading=\"lazy\"><figcaption>Photography by Michael B. Stuart \/ Stu Stu Studio<\/figcaption><\/figure><\/section>\n","protected":false},"excerpt":{"rendered":"<p>SELECTED BUILDS \/ THE PRACTICE IN ACTION Art, design, anduseful digital things. Photography, writing, visual design, and hands-on development come together in websites, custom tools, and interactive experiences. Boodio \/ The Haunted Window \u2198Spin Studio \u2198Yearbook Approvals \u2198Stu Stu Sessions \u2198 Websites &#038; identity Structure, logos, photography, and professional copy that give a business a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-354","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/webdesign.stustustudio.com\/index.php?rest_route=\/wp\/v2\/pages\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdesign.stustustudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdesign.stustustudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdesign.stustustudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesign.stustustudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=354"}],"version-history":[{"count":0,"href":"https:\/\/webdesign.stustustudio.com\/index.php?rest_route=\/wp\/v2\/pages\/354\/revisions"}],"wp:attachment":[{"href":"https:\/\/webdesign.stustustudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}