• Portfolio Work
  • About
Menu

Jon Stachewicz

  • Portfolio Work
  • About

Milly Melodia (Comic Strip)

A comic series about a young travelling musician and the contentious ghost living in her guitar.  View samples here, and visit http://bit.ly/millycomic to read the whole thing!

MillycoverWEB.png
Page 13PORTFOLIO.png
divider.png
page 29PORTFOLIO.png
page 30PORTFOLIO.png
divider.png
Page 36PORTFOLIO.png
Page 37PORTFOLIO.png
38PORTFOLIO.png
Page 39PORTFOLIO.png
divider.png
page 60.png

Sagas of Midgard

https://www.kickstarter.com/projects/991523106/sagas-of-midgard-a-cinematic-norse-tabletop-rpg

I’ve been passionate about games of all kinds since I was a child, and possibly even before that. One of my earliest surviving memories is of the very first time I ever played a video game. It was Super Mario Bros 3, and I kept dying over and over because I thought the Goombas were puppies and I was trying to pet them. I’m told I cried a lot that day, but I pressed on and became a gamer for life.

Sagas of Midgard, due to release in February 2019, is the first time I’ve had the chance to actually work on a published game, and it was such an amazing experience. Beyond actively play testing and some light character writing, my main task was creating monster illustrations to include in the rulebook. It was an incredible experience, and quite the challenge for someone like me who was less experienced with gritty monster designs. These monsters want you and your party of vikings dead, and they need to look the part. My typical, extremely twee aesthetic wasn’t going to cut it here. This project took longer than expected as I was teaching myself to work in a new style as I went, but I’m very pleased with the results.

Sagas of Midgard - Monster Illustrations-01.png
Sagas of Midgard - Monster Illustrations-02.png
Sagas of Midgard - Monster Illustrations-04.png
Sagas of Midgard - Monster Illustrations-06.png

Character Illustration

Samples of illustrations and character designs I've done

dkweb.png
1529707_10201088659554890_759136815_o.jpg
harufinal-01.png
Astrid-Brindlmyr.png
The-Music-of-Etrian-Odyssey.png
popportfolio.png
JLJportfolio.png
cadenceportfolio.png
10801721_10202967495764621_4471345464726698571_n.jpg

Windyheit Festival Brochure

Milly Melodia exists because I like to tell stories and create characters, but I'm also perfectly comfortable with it being a breeding ground for experimenting with fields of design I don't get many opportunities to play with otherwise.  In my ripe old age, I don't have as many firsthand experiences with big multi-day music festivals anymore, but they were a big part of my youth and collegiate years.  It didn't matter how meticulously I planned my schedule beforehand, I would always be reaching in my pocket every 15 minutes to look at the festival program to make sure I was on track.  Since Milly's story takes place at a music festival, I thought it would be fun to take a crack at making one of these for myself.

Windyheit-Festival-Brochure.png
Page 64-67-02.png
Page 64-67-01.png
Page 64-67-04.png
Page 64-67-03.png

The Home Depot UX Illustrations

Let me just start by saying how much of a blast I had working on this one.

User experience works best when you're putting faces to the statistics on which you're basing the future of your designs and experiences.  The works presented here are all part of a storyboarding toolkit I developed for Home Depot's User Experience team.  Each of the characters is a vector model that can be posed manually and outfitted with a variety of props and one of 8 facial expressions, which the team can use to visualize countless user experience scenarios and develop the best solution accordingly.

Group Illustration-01.png
Group Illustration-02.png
Vern Facial Expression Chart-01.png
AR for Mobile Panel 1-01.png
Front Door with Package-01.png

Depth Public Relations

PURPOSE - Greeting card for existing client partners and promotional collateral inviting them to try new services in 2019

Depth Public Relations (http://depthpr.com) is a company that specializes in public relations, investigative reporting and general consultation for a wide array of clients in the mortgage and financial technology industries.


For this project, i was tasked with coming up with a design to not only help DepthPR’s existing client base celebrate the New Year, but also introduce them to a new suite of design and branding services being offered by DepthPR in 2019. Clients who received one of these mailers would open one of the windows or the door on the house to reveal one of three designs they could sample for free.

It was crucial to ensure that the mailer itself was a strong piece of design; it simply doesn’t seem very likely that anybody who wasn’t impressed by the mailer would want to investigate any of DepthPR’s further design offerings.

We also wanted to exercise caution that the mailer didn’t take up so much space that the client would see fit to ‘declutter’ it before they even thought to redeem the offer. It was also imperative to be mindful of the mailer’s size to ensure that it was cost-effective to mail out a high volume of copies.

(One of the prototypes I presented was a fully 3D papercraft dollhouse with doors, windows, and even a roof hatch that could be opened to reveal copy and additional details about the offer. It was a hit. One of the Depth team members asked “how are we supposed to mail these?” It was no longer a hit.)

The finished product was well-received by DepthPR’s selected clientele, sparking 20% of recipients to request a trial of their new design services within 30 days of the mailer’s distribution. The printing studio that printed and assembled the mailer, Bennett Graphics (http://www.bennettgraphics.com/) has entered it as a contestant for the Printing & Imaging Association of Georgia 2019 Print Excellence Competition.



mockup-1.gif
Jon Stachewicz - DepthPR New Year's Mailer-01.png
Jon Stachewicz - DepthPR New Year's Mailer-02.png

Ethical Resolve

Prototypes:

Desktop

Mobile

Companies with access to sensitive customer data have an obligation to handle it with care and ensure that it isn’t subject to illicit sale or coercion. Ethical Resolve helps companies do exactly that, teaching responsible data practices and fostering a workplace environment that truly values them. My team was tasked with refreshing their current website, scheduled to launch in August, 2018.

We took a mobile-first approach to this design, as the majority of their clients are found at tech conferences and meetups where they are more likely to have their phone immediately handy than any other device. Clarity of purpose was extremely important here, as their service is highly specialized, so a sleek layout that forefronts strong typography was favored over a design that used heavy imagery.

I had a blast coming up with the layout! The company’s branding leverages the Fibonacci Spiral in its logo, and the same measured, geometric approach was used in the main interface. Users can navigate as they see fit, either by scrolling, tapping the names of the cells outside of the main window, or through a more traditional navigation menu, and the new window will rotate into the primary viewport. This is the first web design project I’ve done that utilizes unique animations, and I’m very excited to see it come to life.

iPhone X – 4.png
iPhone X – 5.png
Web 1280 – 9.png
Web 1280 – 10.png
Web 1280 – 13.png

Mobile Retail Infographic

DISCLAIMER: I do not own the data used to create this infographic.  

For this project, I was tasked with visualizing the ways that web usage on handheld devices differs with the way it's used on desktop devices, and from there, tell a story about what that means for mobile retail.  I created this infographic, which now serves as a visual reference for the client's in-house User Experience team to guide the future of their mobile development efforts.

Infographic-01.png

Lesson Plan Search Engine Prototype & User Story

This low-fidelity prototype was designed to showcase the search and filter functionalities of a website that allows teachers to share and download lesson plans. I interviewed several teachers who agreed that gathering materials to plan lessons could be cumbersome, citing a lack of uniformity in the information found and the amount of extra work required to convert this information into teachable lessons.

The prototype can be experienced here

Lesson Plan Search Engine Prototype

Lesson Search-01.png
Lesson Search-02.png
Lesson Search-03.png
Lesson Search-04.png
Lesson Search-05.png
Lesson Search-06.png
Lesson Search-07.png

"O2 home" IoT Smarthome mockups

Website for O2 home software

Samples of mockups created for O2 home, a version of the AT&T Digital Life home security & automation software branded for distribution and use in the United Kingdom by O2.  In this particular project, I was given a stack of mockups used to create the original AT&T-branded iteration of the project, and was then responsible for designing a rebranded version of the software using O2's own internal style guide.

For employment consideration, I will be happy to showcase the complete stack of mockups, but due to the volume of images created I've chosen to only showcase a handful of them here.

O2 CATO_Master_1SAMPLE-01.png
O2 CATO_Master_1SAMPLE-02.png
O2 CATO_Master_1SAMPLE-03.png

figure & portrait sketches

Photographs of sketches done during live figure drawing sessions

20161020_225728.jpg
20161020_224830.jpg
20161020_225435.jpg
12516855_10205785211125744_1500836060_o (1).jpg
20160922_210454.jpg
prev / next
Back to Portfolio Work
MillyThumbnail.png
12
Milly Melodia (Comic Strip)
sagas cover-01.png
4
Sagas of Midgard
harufinal-01.png
9
Character Illustration
5
Windyheit Festival Brochure
AR for Mobile Panel 1-01.png
5
The Home Depot
3
Depth Public Relations
ER COVER-01.png
5
Ethical Resolve
Preview.png
1
Mobile Retail Infographic
Cover Image-01.png
7
Lesson Plan Search Engine Prototype & User Story
10  Home Screen Tablet New-01.png
3
"O2 home" IoT Smarthome mockups
5
figure & portrait sketches

Powered by Squarespace