<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>UI &#8211; Bijou ⭐ Art</title>
	<atom:link href="https://bijou-art.com/category/ui/feed/" rel="self" type="application/rss+xml" />
	<link>https://bijou-art.com</link>
	<description>Art, Audio, Animation Specialist</description>
	<lastBuildDate>Thu, 25 Jun 2026 22:25:59 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://bijou-art.com/wp-content/uploads/2026/06/Star-3D-1.svg</url>
	<title>UI &#8211; Bijou ⭐ Art</title>
	<link>https://bijou-art.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">254901874</site>	<item>
		<title>Kozee</title>
		<link>https://bijou-art.com/kozee/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 09 May 2025 03:58:30 +0000</pubDate>
				<category><![CDATA[Client Work]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Visual]]></category>
		<guid isPermaLink="false">https://rodger-ruzanka.com/?p=1025</guid>

					<description><![CDATA[Client: Better Play Studios For this project I was asked to propose a UI design, illustrations, and an animation.]]></description>
										<content:encoded><![CDATA[
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c81eb8&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c81eb8" class="wp-block-image aligncenter size-full wp-lightbox-container"><img fetchpriority="high" decoding="async" width="540" height="572" data-attachment-id="2277" data-permalink="https://bijou-art.com/kozee/catwave_540_2/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/CatWave_540_2.webp" data-orig-size="540,572" data-comments-opened="0" data-image-title="CatWave_540_2" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/CatWave_540_2.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/CatWave_540_2.webp" alt="" class="wp-image-2277" srcset="https://bijou-art.com/wp-content/uploads/2025/05/CatWave_540_2.webp 540w, https://bijou-art.com/wp-content/uploads/2025/05/CatWave_540_2-283x300.webp 283w" sizes="(max-width: 540px) 100vw, 540px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Animated Mascot</figcaption></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c82150&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c82150" class="wp-block-image aligncenter size-full wp-lightbox-container"><img decoding="async" width="2560" height="694" data-attachment-id="1007" data-permalink="https://bijou-art.com/modals1/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Modals1-scaled.webp" data-orig-size="2560,694" data-comments-opened="0" data-image-title="Modals1" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Modals1-scaled.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Modals1-scaled.webp" alt="" class="wp-image-1007"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Modals</figcaption></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c8232a&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c8232a" class="wp-block-image aligncenter size-full wp-lightbox-container"><img decoding="async" width="1080" height="768" data-attachment-id="1010" data-permalink="https://bijou-art.com/kozee-ui/desktop-home/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Desktop-Home.webp" data-orig-size="1080,768" data-comments-opened="0" data-image-title="Desktop &amp;#8211; Home" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Desktop-Home.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Desktop-Home.webp" alt="" class="wp-image-1010"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Desktop Home Draft</figcaption></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c824ce&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c824ce" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1080" height="768" data-attachment-id="1011" data-permalink="https://bijou-art.com/kozee-ui/desktop-mykozee/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Desktop-myKozee.webp" data-orig-size="1080,768" data-comments-opened="0" data-image-title="Desktop &amp;#8211; myKozee" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Desktop-myKozee.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Desktop-myKozee.webp" alt="" class="wp-image-1011"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Desktop MyKozee Draft</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c82858&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c82858" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1080" height="768" data-attachment-id="1009" data-permalink="https://bijou-art.com/kozee-ui/desktop-games/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Desktop-Games.webp" data-orig-size="1080,768" data-comments-opened="0" data-image-title="Desktop &amp;#8211; Games" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Desktop-Games.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Desktop-Games.webp" alt="" class="wp-image-1009"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Desktop Games Draft</figcaption></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c829e1&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c829e1" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1080" height="768" data-attachment-id="1031" data-permalink="https://bijou-art.com/kozee/mobile-home-2/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Mobile-Home-2.webp" data-orig-size="1080,768" data-comments-opened="0" data-image-title="Mobile &amp;#8211; Home 2" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Mobile-Home-2.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Mobile-Home-2.webp" alt="" class="wp-image-1031"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Mobile Home Draft</figcaption></figure>
</div>
</div>



<p class="wp-block-paragraph">Client: <a href="https://www.betterplaystudios.com/">Better Play Studios</a></p>



<p class="wp-block-paragraph">For this project I was asked to propose a UI design, illustrations, and an animation.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1025</post-id>	</item>
		<item>
		<title>The Out Dwellers</title>
		<link>https://bijou-art.com/the-out-dwellers/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 09 May 2025 08:28:14 +0000</pubDate>
				<category><![CDATA[Client Work]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Visual]]></category>
		<guid isPermaLink="false">https://rodger-ruzanka.com/?p=1033</guid>

					<description><![CDATA[Client:&#160;Better Play Studios For this project I was responsible for UI design, 3D background assets, and custom shaders.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-video aligncenter"><video height="1078" style="aspect-ratio: 1920 / 1078;" width="1920" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Titleloop.mp4" playsinline></video><figcaption class="wp-element-caption">Title Screen</figcaption></figure>



<figure class="wp-block-video aligncenter"><video height="1080" style="aspect-ratio: 1920 / 1080;" width="1920" controls poster="https://bijou-art.com/wp-content/uploads/2025/05/Logo-Animation-Thumb.webp" src="https://bijou-art.com/wp-content/uploads/2025/05/Logo-Animation-Audio-1.mp4" playsinline></video><figcaption class="wp-element-caption">Studio Logo Animation</figcaption></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c83f81&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c83f81" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1041" data-permalink="https://bijou-art.com/the-out-dwellers/house-1/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/House-1.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="House 1" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/House-1.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/House-1.webp" alt="" class="wp-image-1041"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Emmee&#8217;s House</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c841d7&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c841d7" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1051" data-permalink="https://bijou-art.com/the-out-dwellers/house-2/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/House-2.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="House 2" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/House-2.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/House-2.webp" alt="" class="wp-image-1051"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Thom&#8217;s House</figcaption></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c84484&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c84484" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1042" data-permalink="https://bijou-art.com/the-out-dwellers/dialog-1/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Dialog-1.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Dialog 1" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Dialog-1.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Dialog-1.webp" alt="" class="wp-image-1042"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Character Dialog</figcaption></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c84616&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c84616" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1045" data-permalink="https://bijou-art.com/the-out-dwellers/question-1/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Question-1.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Question 1" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Question-1.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Question-1.webp" alt="" class="wp-image-1045"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Question Dialog</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c847dc&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c847dc" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1043" data-permalink="https://bijou-art.com/the-out-dwellers/dialog-2/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Dialog-2.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Dialog 2" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Dialog-2.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Dialog-2.webp" alt="" class="wp-image-1043"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Character Dialog</figcaption></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c84938&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c84938" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1046" data-permalink="https://bijou-art.com/the-out-dwellers/question-2/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Question-2.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Question 2" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Question-2.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Question-2.webp" alt="" class="wp-image-1046"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Question Dialog</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c84ad5&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c84ad5" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1044" data-permalink="https://bijou-art.com/the-out-dwellers/dialog-3/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Dialog-3.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Dialog 3" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Dialog-3.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Dialog-3.webp" alt="" class="wp-image-1044"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Character Dialog</figcaption></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c84c4f&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c84c4f" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1047" data-permalink="https://bijou-art.com/the-out-dwellers/question-3/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Question-3.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Question 3" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Question-3.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Question-3.webp" alt="" class="wp-image-1047"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Question Dialog</figcaption></figure>
</div>
</div>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c84e5f&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c84e5f" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1040" data-permalink="https://bijou-art.com/the-out-dwellers/inventory-1/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Inventory-1.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Inventory 1" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Inventory-1.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Inventory-1.webp" alt="" class="wp-image-1040"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Inventory UI</figcaption></figure>



<figure class="wp-block-video aligncenter"><video height="1080" style="aspect-ratio: 1920 / 1080;" width="1920" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Menu-Book-Animated-1.mp4" playsinline></video><figcaption class="wp-element-caption">Menu Book Early Implementation</figcaption></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c850cd&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c850cd" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1054" data-permalink="https://bijou-art.com/the-out-dwellers/book-map-v4/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Book-Map-V4.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Book Map V4" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Book-Map-V4.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Book-Map-V4.webp" alt="" class="wp-image-1054"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Map Menu Mockup</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c85276&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c85276" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1055" data-permalink="https://bijou-art.com/the-out-dwellers/book-characters-v4/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Book-Characters-V4.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Book Characters V4" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Book-Characters-V4.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Book-Characters-V4.webp" alt="" class="wp-image-1055"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Character Menu Mockup</figcaption></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c85498&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c85498" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1063" data-permalink="https://bijou-art.com/the-out-dwellers/talking-ui-mockup-001/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Talking-UI-Mockup-001.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Talking UI Mockup 001" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Talking-UI-Mockup-001.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Talking-UI-Mockup-001.webp" alt="" class="wp-image-1063"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Early Dialog Mockup</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c8562b&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c8562b" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1064" data-permalink="https://bijou-art.com/the-out-dwellers/talking-ui-mockup-002/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Talking-UI-Mockup-002.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Talking UI Mockup 002" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Talking-UI-Mockup-002.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Talking-UI-Mockup-002.webp" alt="" class="wp-image-1064"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Early Question Mockup</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a626b5c857e0&quot;}" data-wp-interactive="core/image" data-wp-key="6a626b5c857e0" class="wp-block-image aligncenter size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1920" height="1080" data-attachment-id="1065" data-permalink="https://bijou-art.com/the-out-dwellers/talking-ui-mockup-005/" data-orig-file="https://bijou-art.com/wp-content/uploads/2025/05/Talking-UI-Mockup-005.webp" data-orig-size="1920,1080" data-comments-opened="0" data-image-title="Talking UI Mockup 005" data-image-description="" data-image-caption="" data-large-file="https://bijou-art.com/wp-content/uploads/2025/05/Talking-UI-Mockup-005.webp" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://bijou-art.com/wp-content/uploads/2025/05/Talking-UI-Mockup-005.webp" alt="" class="wp-image-1065"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Early Question Mockup</figcaption></figure>
</div>
</div>



<figure class="wp-block-video aligncenter"><video height="1000" style="aspect-ratio: 1920 / 1000;" width="1920" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Insightunlocked-1.mp4" playsinline></video><figcaption class="wp-element-caption">Insight Unlocked Animation</figcaption></figure>



<figure class="wp-block-video aligncenter"><video height="1072" style="aspect-ratio: 1920 / 1072;" width="1920" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Mood-Shader1.mp4" playsinline></video><figcaption class="wp-element-caption">Early Mood Meter Shader</figcaption></figure>



<p class="wp-block-paragraph">Client:&nbsp;<a href="https://www.betterplaystudios.com/">Better Play Studios</a></p>



<p class="wp-block-paragraph">For this project I was responsible for UI design, 3D background assets, and custom shaders.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Titleloop.mp4" length="1938347" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Logo-Animation-Audio-1.mp4" length="473865" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Menu-Book-Animated-1.mp4" length="4316002" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Mood-Shader1.mp4" length="1810421" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Insightunlocked-1.mp4" length="1392005" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">1033</post-id>	</item>
		<item>
		<title>Ghost in the Shell: Stand Alone Complex</title>
		<link>https://bijou-art.com/ghost-in-the-shell-stand-alone-complex/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 09 May 2025 14:31:01 +0000</pubDate>
				<category><![CDATA[Client Work]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Visual]]></category>
		<guid isPermaLink="false">https://rodger-ruzanka.com/?p=1095</guid>

					<description><![CDATA[Manga Entertainment released a DVD box set for Ghost in the Shell: Stand Alone Complex, a series based on the original Ghost in the Shell film. To promote it, they wanted to create a glitchy Flash website that captured the essence of the Laughing Man, the central hacker antagonist from the show&#8217;s first season. Client: [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Manga Entertainment released a DVD box set for <em>Ghost in the Shell: Stand Alone Complex</em>, a series based on the original <em>Ghost in the Shell</em> film. To promote it, they wanted to create a glitchy Flash website that captured the essence of the Laughing Man, the central hacker antagonist from the show&#8217;s first season.</p>



<figure class="wp-block-video aligncenter"><video height="396" style="aspect-ratio: 716 / 396;" width="716" controls poster="https://bijou-art.com/wp-content/uploads/2025/05/Site-Thumb.webp" src="https://bijou-art.com/wp-content/uploads/2025/05/GITSAC-Site.mp4"></video><figcaption class="wp-element-caption">Site Navigation Overview</figcaption></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video aligncenter"><video height="396" style="aspect-ratio: 716 / 396;" width="716" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-LoadingHomescreen0001-0654-1.mp4" playsinline></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video aligncenter"><video height="396" style="aspect-ratio: 716 / 396;" width="716" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Characters-0001-1273-1.mp4" playsinline></video></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video aligncenter"><video height="396" style="aspect-ratio: 716 / 396;" width="716" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Episodes-S01-0001-0256-1.mp4" playsinline></video></figure>



<figure class="wp-block-video aligncenter"><video height="396" style="aspect-ratio: 716 / 396;" width="716" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Dvd-0001-0261-1.mp4" playsinline></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video aligncenter"><video height="396" style="aspect-ratio: 716 / 396;" width="716" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Episodes-S02-0001-0350-1.mp4" playsinline></video></figure>



<figure class="wp-block-video aligncenter"><video height="396" style="aspect-ratio: 716 / 396;" width="716" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Credits-0001-0510-1.mp4" playsinline></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video aligncenter"><video height="396" style="aspect-ratio: 716 / 396;" width="716" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Multimedia-0001-0717-1.mp4" playsinline></video></figure>



<figure class="wp-block-video aligncenter"><video height="396" style="aspect-ratio: 716 / 396;" width="716" autoplay loop muted src="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Contest-0001-0311-1.mp4" playsinline></video></figure>
</div>
</div>



<p class="wp-block-paragraph">Client: <a href="https://www.manga.com/">Manga Entertainment</a></p>



<p class="wp-block-paragraph">For this project I was responsible for design, animation, UI, and programming.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/GITSAC-Site.mp4" length="9986400" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-LoadingHomescreen0001-0654-1.mp4" length="1618391" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Characters-0001-1273-1.mp4" length="3300631" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Episodes-S01-0001-0256-1.mp4" length="492882" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Dvd-0001-0261-1.mp4" length="628319" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Episodes-S02-0001-0350-1.mp4" length="675631" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Credits-0001-0510-1.mp4" length="1929744" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Multimedia-0001-0717-1.mp4" length="1334675" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Gitsac-Contest-0001-0311-1.mp4" length="486581" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">1095</post-id>	</item>
		<item>
		<title>Ghost in the Shell</title>
		<link>https://bijou-art.com/ghost-in-the-shell/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 09 May 2025 14:02:02 +0000</pubDate>
				<category><![CDATA[Client Work]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Visual]]></category>
		<guid isPermaLink="false">https://rodger-ruzanka.com/?p=1083</guid>

					<description><![CDATA[Manga Entertainment set out to commemorate the 10th anniversary special edition release of the 1995 film Ghost in the Shell. A few years earlier, the movie Donnie Darko had gained widespread attention for its mysterious interactive website, filled with hidden elements and puzzles. Inspired by that success, Manga aimed to create a glitchy, tech-driven experience [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Manga Entertainment set out to commemorate the 10th anniversary special edition release of the 1995 film <em>Ghost in the Shell</em>. A few years earlier, the movie <em>Donnie Darko</em> had gained widespread attention for its mysterious interactive website, filled with hidden elements and puzzles. Inspired by that success, Manga aimed to create a glitchy, tech-driven experience that would complement the sci-fi anime classic.</p>



<p class="wp-block-paragraph">The Explore videos below showcase just two of the many secret paths users could discover. For those seeking a more traditional experience, a standard website is also available with movie details, downloads, and additional links.</p>



<figure class="wp-block-video aligncenter"><video height="534" style="aspect-ratio: 748 / 534;" width="748" controls poster="https://bijou-art.com/wp-content/uploads/2025/05/Path-A-Thumb.webp" src="https://bijou-art.com/wp-content/uploads/2025/05/GITSExplorePathA-1-Sfx-1.mp4"></video><figcaption class="wp-element-caption">Explore Path A</figcaption></figure>



<figure class="wp-block-video aligncenter"><video height="476" style="aspect-ratio: 748 / 476;" width="748" controls poster="https://bijou-art.com/wp-content/uploads/2025/05/Path-B-Thumb.webp" src="https://bijou-art.com/wp-content/uploads/2025/05/GITSExplorePathB-1-Sfx-1.mp4"></video><figcaption class="wp-element-caption">Explore Path B</figcaption></figure>



<figure class="wp-block-video aligncenter"><video height="480" style="aspect-ratio: 664 / 480;" width="664" controls poster="https://bijou-art.com/wp-content/uploads/2025/05/Net-Thumb.webp" src="https://bijou-art.com/wp-content/uploads/2025/05/Gitsnet-0001-3669-1.mp4"></video><figcaption class="wp-element-caption">Net &#8211;  Standard Website Design</figcaption></figure>



<p class="wp-block-paragraph">Client: <a href="https://www.manga.com/">Manga Entertainment</a></p>



<p class="wp-block-paragraph">For this project I was responsible for design, animation, UI, sound, and programming.</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/GITSExplorePathA-1-Sfx-1.mp4" length="12453977" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/GITSExplorePathB-1-Sfx-1.mp4" length="11800926" type="video/mp4" />
<enclosure url="https://bijou-art.com/wp-content/uploads/2025/05/Gitsnet-0001-3669-1.mp4" length="2796654" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">1083</post-id>	</item>
	</channel>
</rss>
