Dillon Sturtevant

<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:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>Dillon Sturtevant</title>
	<link>https://jdillons.com</link>
	<description>Dillon Sturtevant</description>
	<pubDate>Tue, 20 Jul 2021 15:00:56 +0000</pubDate>
	<generator>https://jdillons.com</generator>
	<language>en</language>
	
		
	<item>
		<title>Motion Reel 2021</title>
				
		<link>https://jdillons.com/Motion-Reel-2021</link>

		<pubDate>Fri, 16 Jul 2021 16:37:01 +0000</pubDate>

		<dc:creator>Dillon Sturtevant</dc:creator>

		<guid isPermaLink="true">https://jdillons.com/Motion-Reel-2021</guid>

		<description>
	Motion Reel 2021TOOLS: After Effects, Illustrator, Photoshop, Procreate, Hand-drawn, Premiere


</description>
		
	</item>
		
		
	<item>
		<title>Sol LeWitt 11 Times Square</title>
				
		<link>https://jdillons.com/Sol-LeWitt-11-Times-Square</link>

		<pubDate>Fri, 16 Jul 2021 09:14:38 +0000</pubDate>

		<dc:creator>Dillon Sturtevant</dc:creator>

		<guid isPermaLink="true">https://jdillons.com/Sol-LeWitt-11-Times-Square</guid>

		<description>
	SOL LEWITT 11 TIMES SQUARE
Art direction, motion design


	Microsoft’s mission statement is to empower everyone on the planet to achieve more—and so they make a point to highlight their cultural partnerships and successs stories via their In Culture content. A large chunk of the workload at my job is conforming this content—whether it’s photography, video, or other media—to play on the large outdoor displays at the Microsoft store at 11 Times Square, NY.&#38;nbsp;
NYC curator and LeWitt specialist Lindsay Aveilhé used Microsoft AI to power an app, which allows users to get a exploratory experience of LeWitt’s work and legacy (story here). Our source media was a number of images of the artist, his work, and his sketches from the digital exhibit. &#38;nbsp;
	TIMELINE: 2 weeks

TOOLS: After Effects, Photoshop, Illustrator

&#60;img width="3188" height="1842" width_o="3188" height_o="1842" data-src="https://freight.cargo.site/t/original/i/33b7b2401bdb0884d264f17b8151f58892a116dee0cc22d7c93057dcd40bb264/Screen-Shot-2021-07-16-at-5.05.09-AM.png" data-mid="113977472" border="0"  src="https://freight.cargo.site/w/1000/i/33b7b2401bdb0884d264f17b8151f58892a116dee0cc22d7c93057dcd40bb264/Screen-Shot-2021-07-16-at-5.05.09-AM.png" /&#62;

	
Typically my team is either given rough storyboards from our client (the Microsoft brand team) or we create boards ourselves and move into animation. For this project, there was no clear direction given —so I was tasked to bring this collection of images to life on the 11 Times Sq. displays from concept to execution. 
I drew inspiration from the work itself, and created a variety of geometric graphic transitions emulating the systematized compositions of LeWitt. The typewriter-style text transitions echo the sketchbook/process-oriented focus of the exhibit, and the color blocking was all given a hand-touched painterly texture to appear like the art.


	&#60;img width="3240" height="1080" width_o="3240" height_o="1080" data-src="https://freight.cargo.site/t/original/i/3c5f34ebf087550b51269f72e5cc5b2b4344d4bffb940690e69671cc3caa0f8a/SOL_3x1_1.png" data-mid="113993944" border="0"  src="https://freight.cargo.site/w/1000/i/3c5f34ebf087550b51269f72e5cc5b2b4344d4bffb940690e69671cc3caa0f8a/SOL_3x1_1.png" /&#62;

	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/700701836de1d3abef34ee7510e7ef72d60cffdb88d274a081a5a742034b9363/SOL_1.png" data-mid="113993941" border="0"  src="https://freight.cargo.site/w/1000/i/700701836de1d3abef34ee7510e7ef72d60cffdb88d274a081a5a742034b9363/SOL_1.png" /&#62;
	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0e251368123cffac172c2a5bd1c5c0e31f0726fa53a4f8679dbc1dc0f2999b20/SOL_2.png" data-mid="113993942" border="0"  src="https://freight.cargo.site/w/1000/i/0e251368123cffac172c2a5bd1c5c0e31f0726fa53a4f8679dbc1dc0f2999b20/SOL_2.png" /&#62;

	&#60;img width="3240" height="1080" width_o="3240" height_o="1080" data-src="https://freight.cargo.site/t/original/i/37deccbb79b09cc68b89ce46a8048f4cbdddae224bc726808a0556ba4aea6368/SOL_3.png" data-mid="113993943" border="0"  src="https://freight.cargo.site/w/1000/i/37deccbb79b09cc68b89ce46a8048f4cbdddae224bc726808a0556ba4aea6368/SOL_3.png" /&#62;
	&#60;img width="3240" height="1080" width_o="3240" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6eb2c78fcb2accbf6ae8cd8aee4ea10f6c5c2f734bc9dbf3a1c8df82c9703114/SOL_3x1_2.png" data-mid="113993945" border="0"  src="https://freight.cargo.site/w/1000/i/6eb2c78fcb2accbf6ae8cd8aee4ea10f6c5c2f734bc9dbf3a1c8df82c9703114/SOL_3x1_2.png" /&#62;

	
	The goal of this work is to drive people to visit the Microsoft In Culture content online and increase positive awareness of the brand at work in the world. With no precise way to grab a metric of how many passersby saw the piece and then visited the site, the work simply had to be as eye-catching, clear, and delightful as it could be.
When the result was delivered, one of the primary stakeholders was so excited by the creative on the piece she said she’d risk an NYC snowstorm and Covid (this was January 2020) to take the subway to get some photos of it from the street. Maybe not the most scientific metric of success—but still encouraging support for this solution!


	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6158186b1bd90ce76d4350b1602461ee106ca7c9aedf560d24923bcaf6922230/SOL_6.png" data-mid="113994255" border="0"  src="https://freight.cargo.site/w/1000/i/6158186b1bd90ce76d4350b1602461ee106ca7c9aedf560d24923bcaf6922230/SOL_6.png" /&#62;
	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/df91b1fe4d168b1a06fa4c95a58ab192f12fcede6c659f8ac09f347e5f673a56/SOL_5.png" data-mid="113994254" border="0"  src="https://freight.cargo.site/w/1000/i/df91b1fe4d168b1a06fa4c95a58ab192f12fcede6c659f8ac09f347e5f673a56/SOL_5.png" /&#62;
</description>
		
	</item>
		
		
	<item>
		<title>Panza Grotesk</title>
				
		<link>https://jdillons.com/Panza-Grotesk</link>

		<pubDate>Fri, 16 Jul 2021 18:17:12 +0000</pubDate>

		<dc:creator>Dillon Sturtevant</dc:creator>

		<guid isPermaLink="true">https://jdillons.com/Panza-Grotesk</guid>

		<description>
	Panza Grotesk Typeface Design
Type design, layout, conceptual


	The goal for this type design was to create an eccentric workhorse. The design draws inspiration from early grotesques, specifically Venus (1907), and also the realist Johnston (1913) — and the typeface’s personality is inspired by the character Sancho Panza from Don Quixote.I was reading Cervantes’ novel while beginning to conceive of the project, and there were so many qualities of the long-suffering squire that I wanted to imbue the typeface with; his earthy wit, round belly, fool’s wisdom, and his playful freedom with language. I wanted to create a great sidekick — there for whatever situation arises, adaptable, and entertaining.
	TIMELINE: 6 months

TOOLS: Glyphs, Illustrator, pen and paper


&#60;img width="1500" height="971" width_o="1500" height_o="971" data-src="https://freight.cargo.site/t/original/i/7983cf9f581295a454bc0f74368459ba397b74c5cd786885a57d5380de4f11d1/GLYPH_set.png" data-mid="113994754" border="0"  src="https://freight.cargo.site/w/1000/i/7983cf9f581295a454bc0f74368459ba397b74c5cd786885a57d5380de4f11d1/GLYPH_set.png" /&#62;

	
The design draws inspiration from early grotesques, specifically Venus (1907), and also the humanist Johnston (1913) — which reacted to many characteristics of those early grotesques as well as the more classical proportions of Caslon. The first inspiration for the project occurred when I started reading online to try and understand why I preferred Johnston to its descendent Gill Sans. That in turn led to an afternoon drawing lowercase “t”s, during which the idea of Panza, and of trying to design a typeface in general, began to form. The initial concept for Panza took shape over the next couple months — but it wasn’t until I discovered Venus that the approach crystallized and I was ready to begin working.
I ended up taking the humanist flair of Johnston and Gill Sans, and tried to marry that with some of the eccentricity I was drawn to in Venus—in particular the high-waisted capitals. The first 3 months were spent solely on the lowercase letterforms, and the remaining 2 months were focused on everything else.


	&#60;img width="1476" height="1505" width_o="1476" height_o="1505" data-src="https://freight.cargo.site/t/original/i/a25decca8f5c47f968c6c70259060f76e7f77b4d8e0bbaf09054e3b8087ad94d/Acr5503287361921240640.jpg" data-mid="113998856" border="0"  src="https://freight.cargo.site/w/1000/i/a25decca8f5c47f968c6c70259060f76e7f77b4d8e0bbaf09054e3b8087ad94d/Acr5503287361921240640.jpg" /&#62;
	&#60;img width="500" height="375" width_o="500" height_o="375" data-src="https://freight.cargo.site/t/original/i/817fe941b96d05a355edd55ce3b7dc1b2e583a575d0ed6fc935b4c9739a2d705/Panza_sketch_1.jpeg" data-mid="113998811" border="0" data-scale="100" src="https://freight.cargo.site/w/500/i/817fe941b96d05a355edd55ce3b7dc1b2e583a575d0ed6fc935b4c9739a2d705/Panza_sketch_1.jpeg" /&#62;&#60;img width="1998" height="1494" width_o="1998" height_o="1494" data-src="https://freight.cargo.site/t/original/i/f85ba417e8577cecbb098101eeb7be13165a5003df795952e5190ab98c70e28c/Screen-Shot-2021-07-16-at-12.40.36-PM.png" data-mid="113998812" border="0" data-scale="81" src="https://freight.cargo.site/w/1000/i/f85ba417e8577cecbb098101eeb7be13165a5003df795952e5190ab98c70e28c/Screen-Shot-2021-07-16-at-12.40.36-PM.png" /&#62;

	
	Once I had determined which type designs I was drawing inspiration from (and determining why I was drawn to them) I began sketching letters. Those sketches took on a more precise form on large graph paper, where I also took some time to nail down my vertical metrics. I taped these drawings up in the hallway to test the legibility at distance. Once I was in a decent enough starting place—I had a blueprint for most of my repeatable shapes like the curve of the n, the o, the stem and bowl letter, etc—I re-built the drawings in illustrator on a grid, brought them in to Glyphs, and began refining and re-working in the app. As I worked to complete the design I sought out feedback from peers, professors, non-designer friends, participants/experts at Type Thursday events in Seattle, and any type nerd who was willing to meet up for coffee. 
After taking winter to work on other projects, I returned to finish the design in the spring and designed a specimen booklet to accompany the release of the typeface. The specimen was printed on a risograph at Cold Cube Press in Seattle. I used it as a place to highlight the light-hearted playful personality of the design and give an overview of the concept behind the work. The organic-looking shapes used throughout are counters from the lowercase alphabet.


	&#60;img width="2549" height="1649" width_o="2549" height_o="1649" data-src="https://freight.cargo.site/t/original/i/3b09763d8f8469d664fff1ad9e26e314532653535fcfb3436ce3eab1dc687200/Dillon_Sturtevant_BlindtigerPDF2_Part20.jpg" data-mid="113999955" border="0"  src="https://freight.cargo.site/w/1000/i/3b09763d8f8469d664fff1ad9e26e314532653535fcfb3436ce3eab1dc687200/Dillon_Sturtevant_BlindtigerPDF2_Part20.jpg" /&#62;
	&#60;img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/2a02876a6b7a7ed0e1f809269bd4e411a2cbf77f5d9a0818d5e5c9692bd19007/Dillon_Sturtevant_BlindtigerPDF2_Part21.jpg" data-mid="113999957" border="0"  src="https://freight.cargo.site/w/1000/i/2a02876a6b7a7ed0e1f809269bd4e411a2cbf77f5d9a0818d5e5c9692bd19007/Dillon_Sturtevant_BlindtigerPDF2_Part21.jpg" /&#62;

	&#60;img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/700f9971ebef7d0da5d7ed18002c5fdf65a98e1680dea68c39ba48372c1b27c0/Dillon_Sturtevant_BlindtigerPDF2_Part22.jpg" data-mid="113999959" border="0"  src="https://freight.cargo.site/w/1000/i/700f9971ebef7d0da5d7ed18002c5fdf65a98e1680dea68c39ba48372c1b27c0/Dillon_Sturtevant_BlindtigerPDF2_Part22.jpg" /&#62;
	&#60;img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/dcb6764247ce71fa02e4b944bdc1d01d1ff32c893e41f571298d84adc04cbf44/Dillon_Sturtevant_BlindtigerPDF2_Part23.jpg" data-mid="113999961" border="0"  src="https://freight.cargo.site/w/1000/i/dcb6764247ce71fa02e4b944bdc1d01d1ff32c893e41f571298d84adc04cbf44/Dillon_Sturtevant_BlindtigerPDF2_Part23.jpg" /&#62;

	&#60;img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/c328b8fecc3d5e2f4be782286f5109b4803b849d03dd996256c7191fa085def1/Dillon_Sturtevant_BlindtigerPDF2_Part24.jpg" data-mid="113999962" border="0"  src="https://freight.cargo.site/w/1000/i/c328b8fecc3d5e2f4be782286f5109b4803b849d03dd996256c7191fa085def1/Dillon_Sturtevant_BlindtigerPDF2_Part24.jpg" /&#62;
	&#60;img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/847e13e04085d866b76dd0469520b1505d3777ee8140c7bdadec1b5ab1b2c91e/Dillon_Sturtevant_BlindtigerPDF2_Part25.jpg" data-mid="113999964" border="0"  src="https://freight.cargo.site/w/1000/i/847e13e04085d866b76dd0469520b1505d3777ee8140c7bdadec1b5ab1b2c91e/Dillon_Sturtevant_BlindtigerPDF2_Part25.jpg" /&#62;

	&#60;img width="2550" height="1650" width_o="2550" height_o="1650" data-src="https://freight.cargo.site/t/original/i/4ce933d88e1edfb0d7128ff0a9feeadf0122382490af7de4870acf84bb793e38/Dillon_Sturtevant_BlindtigerPDF2_Part26.jpg" data-mid="113999966" border="0"  src="https://freight.cargo.site/w/1000/i/4ce933d88e1edfb0d7128ff0a9feeadf0122382490af7de4870acf84bb793e38/Dillon_Sturtevant_BlindtigerPDF2_Part26.jpg" /&#62;
</description>
		
	</item>
		
		
	<item>
		<title>Domino</title>
				
		<link>https://jdillons.com/Domino</link>

		<pubDate>Tue, 20 Jul 2021 15:00:56 +0000</pubDate>

		<dc:creator>Dillon Sturtevant</dc:creator>

		<guid isPermaLink="true">https://jdillons.com/Domino</guid>

		<description>
	DOMINO
Art direction, direction, animation, compositing, editing, storyboarding, writing. music production


	The goal for this project was to&#38;nbsp; create a music video that placed a practical set and live actors into fully animated environments, which were built in After Effects and Premiere. 


This video is for a song called ‘Domino’ my band released in October 2018. I had been kicking around a rough version of the music video concept over the fall of 2019, and finally began sketching out ideas after having a conversation with Ali El-Gasseir — a local producer and creative (currently a Creative Director at Watts Media). I worked with Ali on sourcing cast and crew, as well as lining up the use of Canon C200 for the shoot on green screen at the Seattle Central Creative Academy studio.

You can view the original treatment here. &#38;nbsp;
	TIMELINE: 12 weeks

TOOLS: After Effects, Photoshop, Premiere, ProcreateTEAM: Producer: Ali El-GasseirCamera: Jess ClarkOrauck the Oracle: Elijah EvensonDomino: Linnea IngallsHair, Makeup, PA: Hannah Clark &#38;amp; Ab GlanzSong: ‘Domino’ by John Dillon 


I carried the vision of the project from the original treatment and sketches, through storyboarding, creating a shotlist, and into the final animation, editing, compositing, and color-correction.


This video was an amazingly difficult and rewarding self-directed passion project, and gave me the chance to deeply explore the capabilities of After Effects and Premiere. The collaborations with local sculptor/performer Elijah Evenson, actor Linnea Ingalls, and producer Ali El-Gasseir were both fruitful and creatively satisfying. I hope to work with any or all of them on more projects in the future.


	&#60;img width="2880" height="1800" width_o="2880" height_o="1800" data-src="https://freight.cargo.site/t/original/i/0b9869418fe7ffe0ded8f88e628370d30ee152943436e94137840b62a5e429cd/Storyboards.png" data-mid="114244707" border="0"  src="https://freight.cargo.site/w/1000/i/0b9869418fe7ffe0ded8f88e628370d30ee152943436e94137840b62a5e429cd/Storyboards.png" /&#62;&#60;img width="2622" height="1470" width_o="2622" height_o="1470" data-src="https://freight.cargo.site/t/original/i/dba455257fbce602d98d31fa5ed3a9d68e2ad8e9d74c791aa6b9c062992ad63f/Orauck_1.png" data-mid="114244704" border="0"  src="https://freight.cargo.site/w/1000/i/dba455257fbce602d98d31fa5ed3a9d68e2ad8e9d74c791aa6b9c062992ad63f/Orauck_1.png" /&#62;

	&#60;img width="2346" height="1560" width_o="2346" height_o="1560" data-src="https://freight.cargo.site/t/original/i/1ae4c50ba2df328a47e869ed9aa7cdb14cc991dd05f1ef69643273438ad2d78a/Precomposote_oracle.png" data-mid="114244706" border="0"  src="https://freight.cargo.site/w/1000/i/1ae4c50ba2df328a47e869ed9aa7cdb14cc991dd05f1ef69643273438ad2d78a/Precomposote_oracle.png" /&#62;
	&#60;img width="2308" height="1526" width_o="2308" height_o="1526" data-src="https://freight.cargo.site/t/original/i/a102880633adbec8dcba32a9c9f260e5fc42fabe38d51ce2d392877cf2056582/Artiste.png" data-mid="114244701" border="0"  src="https://freight.cargo.site/w/1000/i/a102880633adbec8dcba32a9c9f260e5fc42fabe38d51ce2d392877cf2056582/Artiste.png" /&#62;

	&#60;img width="2620" height="1464" width_o="2620" height_o="1464" data-src="https://freight.cargo.site/t/original/i/0a2ae210dc9ff19352d476e94fa970a44f51dd513352ee621d1ee5615b1b4526/Mask_of_happiness.png" data-mid="114244703" border="0"  src="https://freight.cargo.site/w/1000/i/0a2ae210dc9ff19352d476e94fa970a44f51dd513352ee621d1ee5615b1b4526/Mask_of_happiness.png" /&#62;
	&#60;img width="2620" height="1470" width_o="2620" height_o="1470" data-src="https://freight.cargo.site/t/original/i/6c815458836dcf2377ebca7e365c41150dbc574e4fb95ab06396c810557e6752/Looook.png" data-mid="114244702" border="0"  src="https://freight.cargo.site/w/1000/i/6c815458836dcf2377ebca7e365c41150dbc574e4fb95ab06396c810557e6752/Looook.png" /&#62;

	&#60;img width="2620" height="1472" width_o="2620" height_o="1472" data-src="https://freight.cargo.site/t/original/i/49b438efff565cf0343e46e9e1f37279221d51813d60143f23deaf6c9cb9e33a/This_is_your_card.png" data-mid="114244708" border="0"  src="https://freight.cargo.site/w/1000/i/49b438efff565cf0343e46e9e1f37279221d51813d60143f23deaf6c9cb9e33a/This_is_your_card.png" /&#62;
</description>
		
	</item>
		
		
	<item>
		<title>Mae &#38; the Night Sky</title>
				
		<link>https://jdillons.com/Mae-the-Night-Sky</link>

		<pubDate>Fri, 16 Jul 2021 20:14:38 +0000</pubDate>

		<dc:creator>Dillon Sturtevant</dc:creator>

		<guid isPermaLink="true">https://jdillons.com/Mae-the-Night-Sky</guid>

		<description>
	Mae: Voice Interaction Prototype
Product design, multimodal &#38;amp; voice design


	Mae is a conversational toy for children and adults that projects the night sky and can tell you all about the stars, constellations, and the mythologies behind them. Maria Randall and I wanted to try our hands at the voice design process, and creating a testing environment to verify and refine the fundamentals of Mae’s voice interactions. We decided to focus on pauses, confirmations, and error states
	TIMELINE: 8 weeks

TOOLS: Whiteboarding, Python, PremiereTEAM ROLES:DILLON:&#38;nbsp;Voice UI, user testing, UX research, filming
MARIA RANDALL:&#38;nbsp;Voice UI, user testing, UX research, identity &#38;amp; illustration

JUDILEE HAIDER: UX research, storyboarding, animation


&#60;img width="1566" height="1044" width_o="1566" height_o="1044" data-src="https://freight.cargo.site/t/original/i/3d73e636c9a120e2a9e1e6c0e4a3f681c2fa79596f972a39aad83eb33d60ed80/Mae-logogif_6.8.gif" data-mid="114004751" border="0"  src="https://freight.cargo.site/w/1000/i/3d73e636c9a120e2a9e1e6c0e4a3f681c2fa79596f972a39aad83eb33d60ed80/Mae-logogif_6.8.gif" /&#62;

	
Judilee Haider and Maria Randall initially conceived of MAE as a conceptual interactive product for a prototyping assignment in our Motion Design class at Seattle Central Creative Academy. Maria and I had been chatting about and exploring design solutions in the voice and multimodal design space—so we decided to explore building out MAE’s interactions beyond the preliminary conversation flows she and Judilee had put together as part of the original project.
We wanted to address the problem of&#38;nbsp;tech and screetime-based toys impairing child development (JAMA Network). We saw an opportunity to create a tech-based educational experience that was actually good for kids. Mae’s voice interaction and wall projection interface allows for a screen-free, multimodal, immersive, and healthy educational experience for kids to learn about the stars in the night sky.Mae is still in essence a toy—therefore our user needs had to be the overlap between the child who interacts with the product, and the parent who sanctions and purchases the product.


	&#60;img width="2357" height="1731" width_o="2357" height_o="1731" data-src="https://freight.cargo.site/t/original/i/fc33d265fa18b83f00cb742daf33be35f58da0ccebf1cfc6a20312930845db33/mae-venn.png" data-mid="114005575" border="0"  src="https://freight.cargo.site/w/1000/i/fc33d265fa18b83f00cb742daf33be35f58da0ccebf1cfc6a20312930845db33/mae-venn.png" /&#62;

	
Voice Design 
testing process
	After trying out a few different approaches—from the lowest-tech methods (a completely analog testing) to the highest-tech (many thanks to the kind folks at Orbita who gave us a sandbox version of their voice design platform to work with) we ended up somewhere in between, but skewing low-tech. 
We did what is referred to as “Wizard of Oz testing”, i.e. we had a guy behind the curtain. We set up a python script that allowed pre-built responses to be played at the touch of a laptop key, which were sent to a Bluetooth speaker into a physical Mae prop we built out of a small cardboard constellation globe and a lightbulb. We spent days whiteboarding “happy paths” until we got a bank of flow responses with which we felt we could get actionable insights from vis testing on reeal people. For the projected UI, we just held up a large paper printout of what the user would see on the walls and ceiling of their bedroom.


	&#60;img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/4da63253fa1aeb5fcdd91a025fcf966d1cb2bb5a718043547a1aa8aafe3b0e5e/wizard.jpeg" data-mid="114006187" border="0"  src="https://freight.cargo.site/w/1000/i/4da63253fa1aeb5fcdd91a025fcf966d1cb2bb5a718043547a1aa8aafe3b0e5e/wizard.jpeg" /&#62;
	&#60;img width="1178" height="1290" width_o="1178" height_o="1290" data-src="https://freight.cargo.site/t/original/i/5a2609c2b61765039c47d9ab1cb618242bf782afae92cd6e899e66a08c611857/saywizard2.png" data-mid="114006155" border="0"  src="https://freight.cargo.site/w/1000/i/5a2609c2b61765039c47d9ab1cb618242bf782afae92cd6e899e66a08c611857/saywizard2.png" /&#62;

	
	After our first round of tests we came to a few critical conclusions:
1 Mae needed to sound more friendly and conversational.2 She needed to guide the user into an interaction by prompting them with an option immediately when she wakes up.3 We needed to A/B test for how much she should prompt a user vs. how passive she should be.4 We needed to A/B test for pause length: how long should she wait for the user?Through our rounds of testing we had to make drastic changes to the script and sometimes to the physical considerations of the testing environment. After the the first few scripts proved to be far more complex to control and execute than we anticipated, we learned to create shorter scripts that would wholly focus on one small aspect of each interaction. Mae is fundamentally a different type of interaction than a product like Alexa—but we were able to cross reference our results with some of the newfound best practices in voice design we had researched for products like Alexa, Google home, and Siri. 
	

	&#60;img width="3038" height="1294" width_o="3038" height_o="1294" data-src="https://freight.cargo.site/t/original/i/31d5c210ce1a8b02c89e8ea8e827109c9e24507954794333c723cf0cdf8dabc3/Screen-Shot-2021-07-16-at-2.44.47-PM.png" data-mid="114007417" border="0"  src="https://freight.cargo.site/w/1000/i/31d5c210ce1a8b02c89e8ea8e827109c9e24507954794333c723cf0cdf8dabc3/Screen-Shot-2021-07-16-at-2.44.47-PM.png" /&#62;

	
	In the 5 weeks (6-8 hours per week) we gave ourselves to build our voice design process and practices from the ground up, we were amazed at how deep the process became—and how few concrete product features we came out with in that limited timefram. We would’ve loved a larger team and more time! 
With our findings, we determined Mae needed to wait 4 seconds before prompting a silent user further with a question or follow-up. This was longer than the recommendations we gleaned from our research; but again, Mae is, at her core, an exploratory and educational experience, and the user will often be lying on their bed or sitting and looking up at the “stars”. Naturally, a 4-second pause in this type of situation will feel relatively quick compared to a 4 second pause from Alexa when you’re, say, trying to figure out what time a restaurant opens.

Below are the primary product features we came out with from our testing.


Teaching users
How passive should Mae be? How does she teach a user how to interact with her? Does Mae prompt a user after she shares a fact or story—does she wait quietly or ask the user if they’d like to hear more right away? We want the experience to feel open-ended and low-pressure, while still teaching users how to make the most of their interaction with Mae.

This is an example of Mae teaching a user what she does upon initial wake.


	How long are her pauses?
Is this longer in children than in adults? This proved our most fertile ground for testing, and it is different in a mult-turn dialogue, when she first wakes up, and after she’s shared a fact or story.We’d read that 1.5 seconds feels like a good delay when the user is expected a response from Mae, but what about after Mae had replied, and is waiting passively to see if the user will interact with her further?

We decided that Mae should prompt a user after 4 seconds of being woke, if they hadn’t made any requests, with “Would you like to see the night sky?” or similar, and that she would prompt a new user after each fact with “Do you want to hear more?” or variant, and an experienced user only some of the time.


	Errors and incomplete requests
It’s important to have Mae reiterate whatever slot or word she has recognized in order to move the user forward and not get stuck in a loop—we know children often repeat the exact same wording of their request for long periods when they are not understood.

We determined that she should give the user options if she can hear the intent, following the “one breath” rule of thumb, after waiting 4 seconds, in case they correct themselves.


</description>
		
	</item>
		
		
	<item>
		<title>Lapham's Quarterly Redesign</title>
				
		<link>https://jdillons.com/Lapham-s-Quarterly-Redesign</link>

		<pubDate>Fri, 16 Jul 2021 21:58:05 +0000</pubDate>

		<dc:creator>Dillon Sturtevant</dc:creator>

		<guid isPermaLink="true">https://jdillons.com/Lapham-s-Quarterly-Redesign</guid>

		<description>
	Lapham’s Quarterly Redesign
Print design, layout, branding


	Lapham’s Quarterly pulls from the full breadth of human history to curate literary mixtapes of wisdom on specific themes. Each issue collects letters, fiction, poetry, essays, painting, sculpture, and miscellany from a breadth of contributors that range from Rumi, to Isaac Newton, Sylvia Plath, or David Sedaris. The Magic Shows issue examines humankind’s predilection to the illusory or marvelous, and continues the publication’s belief that history is the root of all education.


	TIMELINE: 11 weeks

TOOLS: Indesign, Photoshop, Procreate


	&#60;img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/38efb75a8cdde7a5e3282411a673815dfb490d6e8618281174b9adc8a23c33af/LQ_cover_full-width.jpeg" data-mid="114009201" border="0"  src="https://freight.cargo.site/w/1000/i/38efb75a8cdde7a5e3282411a673815dfb490d6e8618281174b9adc8a23c33af/LQ_cover_full-width.jpeg" /&#62;


I decided to redesign the “Magic Shows” issue of Lapham’s Quarterly, because I saw an opportunity to reimagine the way the publication currently exists. Lapham's currently has a pretty scholarly, bookish feel to it — and feels very traditional and academic. But it's also fascinating and inspired, and has a sense of humor. I'd like to play up those qualities, and lean in to it's identity as a "mixtape of wisdom" rather than an (as one journalist describes it) "antidote to the age of Buzzfeed". In Lapham's, the way that the historical content "speaks" to the present is often subtle. Through my redesign I wanted to make that interplay more overt, daring, and accessible.


	Current 
design ofLapham’s:
	
&#60;img width="350" height="499" width_o="350" height_o="499" data-src="https://freight.cargo.site/t/original/i/2e58a7c90c1f99ee59486f20dbbe4562e52739e2ffa948fe87869bea40621d4b/LQ_og.jpeg" data-mid="114009202" border="0" data-scale="67" src="https://freight.cargo.site/w/350/i/2e58a7c90c1f99ee59486f20dbbe4562e52739e2ffa948fe87869bea40621d4b/LQ_og.jpeg" /&#62;


	&#60;img width="1974" height="1410" width_o="1974" height_o="1410" data-src="https://freight.cargo.site/t/original/i/6a0edde4cbc9eadeccff8f8eb05cb0d092a30c01a088c342f645e4d304ec0485/Screenshot-2019-06-07-07.50.52.png" data-mid="114009209" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/6a0edde4cbc9eadeccff8f8eb05cb0d092a30c01a088c342f645e4d304ec0485/Screenshot-2019-06-07-07.50.52.png" /&#62;

	
	In order to understand my audience I decided to build some reader personas. I spent time at a few places where I knew Lapham’s was sold—primarily Elliott Bay Books and Cafe Presse—and tried to get a read on the people around, especially in the magazine section (or anyone who stopped to comb through the magazine rack inside the door of Presse). After this admittedly creepy phase of the project, I took those findings into account and created profiles for two types of users: a casual reader, and a subscriber.


	&#60;img width="1650" height="1275" width_o="1650" height_o="1275" data-src="https://freight.cargo.site/t/original/i/e2991253a420ec73459e4214bafe1f6d6b8c02e8afb369316ee04cfbcc8104b6/LQ_redesign_slideshow.jpeg" data-mid="114009203" border="0"  src="https://freight.cargo.site/w/1000/i/e2991253a420ec73459e4214bafe1f6d6b8c02e8afb369316ee04cfbcc8104b6/LQ_redesign_slideshow.jpeg" /&#62;
	&#60;img width="1650" height="1275" width_o="1650" height_o="1275" data-src="https://freight.cargo.site/t/original/i/9bba7986e71593900a60c88dc428fc4acb94549779de7c0e2dc671a32b7e3c1d/LQ_redesign_slideshow2.jpeg" data-mid="114009204" border="0"  src="https://freight.cargo.site/w/1000/i/9bba7986e71593900a60c88dc428fc4acb94549779de7c0e2dc671a32b7e3c1d/LQ_redesign_slideshow2.jpeg" /&#62;

	&#60;img width="1650" height="1275" width_o="1650" height_o="1275" data-src="https://freight.cargo.site/t/original/i/75e60210fb269a8c4a971e285859066d721a739f2ed6b4653c200d3fe3716f47/LQ_redesign_slideshow3.jpeg" data-mid="114009205" border="0"  src="https://freight.cargo.site/w/1000/i/75e60210fb269a8c4a971e285859066d721a739f2ed6b4653c200d3fe3716f47/LQ_redesign_slideshow3.jpeg" /&#62;&#60;img width="1650" height="1275" width_o="1650" height_o="1275" data-src="https://freight.cargo.site/t/original/i/f9c8f509d0b877ac1020b92b50c4fbc027d26d24c0516a98b28c008b0554ad2e/LQ_redesign_slideshow4.jpeg" data-mid="114009206" border="0"  src="https://freight.cargo.site/w/1000/i/f9c8f509d0b877ac1020b92b50c4fbc027d26d24c0516a98b28c008b0554ad2e/LQ_redesign_slideshow4.jpeg" /&#62;
	
I used a few key ingredients to make a strong distinction in tone between the original Lapham’s and my redesign. Color blocking in the back of book sections were chosen to color code between the three categories of content—Metamorphosis, Sorcery, and Visitations—which, in addition to things like full bleed images and generous margins and white space, broke up the more book-like feel of the original Lapham’s, and made flipping through to one section or another doable at a glance. I used writerly, or draft-like, touches to make you feel more like you’re reading a writer’s notebook, or a scrapbook, than a polished publication—like handwritten subheads and rules, large monospaced pull-quotes echoing the typewriter, and a playful interplay between body type and artwork. I chose to spiral-bind the magazine as a way to both make it an easier way to read its larger size pages (8inx12in) on the bus or the couch, and also to again play up the mixtape/scrapbook/notebook feel of the publication.


	&#60;img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/36347e62069f4269c6674347d3ee7e68b780240f83ca0f06416193443bda1d99/Healing_spread.png" data-mid="114009200" border="0"  src="https://freight.cargo.site/w/1000/i/36347e62069f4269c6674347d3ee7e68b780240f83ca0f06416193443bda1d99/Healing_spread.png" /&#62;

	&#60;img width="1680" height="1088" width_o="1680" height_o="1088" data-src="https://freight.cargo.site/t/original/i/4f5f5123a6b9b1c95711f7a4c1883f5f1018291bfdc360492cfc9a42628b1d14/LQ_web2.jpeg" data-mid="114009207" border="0"  src="https://freight.cargo.site/w/1000/i/4f5f5123a6b9b1c95711f7a4c1883f5f1018291bfdc360492cfc9a42628b1d14/LQ_web2.jpeg" /&#62;
	&#60;img width="8334" height="5416" width_o="8334" height_o="5416" data-src="https://freight.cargo.site/t/original/i/f24dc2437d7169115a7e3bca5b91164a4ee062b603513b1f9045756ca15d83ed/Spiral_Book_Mockup_5.jpeg" data-mid="114009210" border="0"  src="https://freight.cargo.site/w/1000/i/f24dc2437d7169115a7e3bca5b91164a4ee062b603513b1f9045756ca15d83ed/Spiral_Book_Mockup_5.jpeg" /&#62;

	&#60;img width="8334" height="5416" width_o="8334" height_o="5416" data-src="https://freight.cargo.site/t/original/i/3d1992e4bacc9b49e901070e15d06c1348158f31fd918b5fbed9ae03569f7294/Spiral_Book_Mockup_6.jpeg" data-mid="114009211" border="0"  src="https://freight.cargo.site/w/1000/i/3d1992e4bacc9b49e901070e15d06c1348158f31fd918b5fbed9ae03569f7294/Spiral_Book_Mockup_6.jpeg" /&#62;
</description>
		
	</item>
		
		
	<item>
		<title>Midsummer Night's Dream Poster</title>
				
		<link>https://jdillons.com/Midsummer-Night-s-Dream-Poster</link>

		<pubDate>Fri, 16 Jul 2021 20:46:35 +0000</pubDate>

		<dc:creator>Dillon Sturtevant</dc:creator>

		<guid isPermaLink="true">https://jdillons.com/Midsummer-Night-s-Dream-Poster</guid>

		<description>
	A Midsummer Night’s Dream
Poster design, lettering, illustration


	The goal was to create a poster for the Seattle Shakespeare Company’s production of “A Midsummer Night’s Dream”.&#38;nbsp; In my research, I was struck by how much all the posters for a Midsummer Night’s Dream were largely similar. For a play that has such unique magic to it, everyone was using the same symbolic language over and over again—Bottom’s donkey head, flowers, moon, etc. I wanted to subvert that in my work, and create something that expressed the heart of the play in a refreshing way.


	TIMELINE: 1 week

TOOLS: Procreate, Photoshop


&#60;img width="800" height="1067" width_o="800" height_o="1067" data-src="https://freight.cargo.site/t/original/i/14c4d49ea7074f12ea701cdb8ae3603cca468d099bdef56c0bb22930a24c56dd/Dillon_5126_Week8.jpeg" data-mid="114007470" border="0"  src="https://freight.cargo.site/w/800/i/14c4d49ea7074f12ea701cdb8ae3603cca468d099bdef56c0bb22930a24c56dd/Dillon_5126_Week8.jpeg" /&#62;

	
I re-read the play before I began sketching. “A Midsummer Night’s Dream”, in my reading, is about delirium, magic, and the fluidity of reality. Love is one of the main topics of the story, and there is lot of playfulness around how love can blind people. We have characters magically tricked into loving someone they didn’t before, or seeing someone through a charmed lens. Titania falls for the ass-headed Bottom, Lysander spurns Hermia for Helena, and so on—all from the mischievous actions of Puck under the direction of the spiteful Oberon. 
Meanwhile there is also constant theme of Night vs Day, like two mirror images of reality; the world of the fairies and the world of humankind both existing together like two sides of the same coin. This idea lead me to sketch a face that had two different halves. One eye open, flowered, and awake—and one eye closed in sleep. I was in part inspired by the Green Man nature deity sculptures you often see at farms or forested homes.


	&#60;img width="1908" height="1478" width_o="1908" height_o="1478" data-src="https://freight.cargo.site/t/original/i/eb7feca4444ccdf2430f861599a6132475baec58e2e5608a54e4071d06366776/refernce.png" data-mid="114007589" border="0"  src="https://freight.cargo.site/w/1000/i/eb7feca4444ccdf2430f861599a6132475baec58e2e5608a54e4071d06366776/refernce.png" /&#62;

	
	I chose to draw upon the history of Polish film posters as inspiration for this project. I thought the dark whimsy and surreality of that work was a great fit for the tone of the play and how I was reading it. The colors I chose evoke moonlight, and a hyper-real or surreal forest palette.I wanted the expressive, painterly qualities of the Polish posters — so I worked in Procreate on the iPad to make full use of the brushes and textures I had available. I layered highlights upon highlights above the deep emeralds and blues underneath to get the effect of moonlight on forest boughs. I wanted the lettering to also be loose, expressive, painterly, and fanciful — so I made my strokes energetically with a fat brush. I chose to include a beloved quote from the play “Lord what fools these mortals be” because it so perfectly captures the comedy and spirit of the play. The quote placement also helped reinforce the dichotomy between the two halves of the face.


</description>
		
	</item>
		
		
	<item>
		<title>Homepage</title>
				
		<link>https://jdillons.com/Homepage</link>

		<pubDate>Fri, 16 Jul 2021 09:14:40 +0000</pubDate>

		<dc:creator>Dillon Sturtevant</dc:creator>

		<guid isPermaLink="true">https://jdillons.com/Homepage</guid>

		<description>
	Hello! I’m a designer and musician based in Seattle. My practice is driven by storytelling and a sense of humor. I’m currently working as a motion graphics designer at WONGDOODY.
	

	 ︎ hi@jdillons.com︎ Resume︎ LinkedIn
︎︎︎ Work
	
	
</description>
		
	</item>
		
	</channel>
</rss>