game designgame designgame designgame designgame designgame designgame designgame design
Overview
Website Design
Animation
Organizing Events
Affiliate Projects
Conclusion
Contributors
Stephan Church - Web Design, Art, System Design, Game Design, Project Lead
David Klingler - Supervisor
Timeframe
April 2022 - Oct 2024
Programs/Software
After Effects | Figma | Html 5 | Illustrator | Photoshop | Slack | Visual Studio Code | Xampp
Solanimus hired me to accomplish a variety of different tasks that included web design, illustration, animation, game development, marketing, and team management. This allowed me to greatly diversify my portfolio and showcase my expertise in multiple disciplines. The below work only showcases assignments that is not currently under a Non-Disclosure Agreement.
Solanimus Homepage Solanimus Homepage
TMGM website Signal to Noise Page
H2H website TMGM website
H2H website David's Game School
mobile solanimus website H2H game
mobile solanimus website H2H game
mobile solanimus website H2H game
mobile TMGM website H2H game
mobile David's Gameschool H2H game
mobile TMGM website H2H game
webpage webpage
webpage webpage
webpage webpage
webpage webpage
Website Design
Solanimus.com
For the primary site, I was tasked to create a site that could be scalable without having additional pages or scrolling. As a company focused on gaming, I wanted the site to feel like a vibrant and energetic character select screen.
Solanimus Homepage
Signal to Noise Page
David's Gameschol Page
TMGM Page
mobile solanimus website
mobile solanimus website
mobile solanimus website
mobile solanimus website
tmgm web tour
Triangle Monthly Gaming Meetup
My first task was to create a website for a reoccuring community event to connect gamers in the Triangle area. I used small forms of css animation and prodiminately light colors to create an inviting and safe atmosphere.
mobile TMGM website
mobile TMGM website
DGS web tour
David's Gameschool
My second project was creating a webpage for a game school hosted by Solanimus Games. David wanted the site to use some sort of grid paper motif to capture the concept of developmental work.
mobile David's Gameschool
mobile David's Gameschool
mobile David's Gameschool
mobile David's Gameschool
 
Website Functionality
wordpress function
Dynamic Slideshow
The slideshow for the base website autogenerates the typography, backgrounds, and keyart to allow for a transformative experience. The technique is meant to emulate character select screens.
Character slideshow function
Adjustable Screensize
The base webpage features no scrolling. This means the webpage must be completely malleable regardless of the general width or height of the page.
Animation
Signal To Noise Ship
The Signal to Noise ship animation utilizes rotoscoping techniques through a model derived from blender. The images were superimposed with coloring and additional visual effects to create the result.
Pixel Art David
I used rotoscoping to wireframe the animation. After restricting the colorscheme to a limited pallette, I painted the piece in pixel art over the wireframe.
To streamline the animation process, I utilized techniques such as 'Squash & Stretch' and 'Follow Through' to minimize the amount of necessary frames while keeping the animation fluid.
Organizing Events
Playthrough 2024
During Playthrough 2024, I was place in charge of organizing the coordination, volunteers, and display of the 'Signal to Noise: Live' and 'Multiplayer Local' booths. This included designing and coordinating the creation of the arcade cabinet for the booth. In addition, I also created additional marketing material for both companies.
 
I worked with Mike Polythress to design and construct the cabinet for 'Signal to Noise: Live'. The image to the left is a mockup illustration; the image to the right is the finished product.
 
I created a series of catalogs to show what games were available to play at the 'Multioplayer Local' booth. I designed the catalogs to model after game advertisements that were used for the appropriate generation of consoles.
 
Finally, I created a looping video presentation for additional marketing. I used propresenter for its immediate updating capabilities, allowing me to update slides and remove slides without having to pause our efforts.
Affiliate Projects
Head 2 Head
 
Conclusion
Solanimus offered me the opportunity to work on a variety different projects that required me to be flexible, pivot often, and manage my schedule under changing timelines. I was able to create some of my most kinetic work through Solanimus Games and found new ways to connect my various disciplines in unique and creative ways.