Solanimus
Contributors
Stephan Church - Web Design, Art, System Design
David Klingler - Supervisor
Timeframe
May 2022 | Sept 2022 | Nov 2023 - Dec 2023
Programs
After Effects | Figma | Illustrator | Photoshop | Slack | Visual Studio Code | Xampp
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
 
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.
Head 2 Head
Contributors
Stephan Church - Web Design | Artist
David Klingler - Supervisor
Timeframe
Aug 2024
Programs
Animator | Figma | Illustrator | Photoshop | Unity | Visual Studio Code | Wordpress
 
I was brought onto the marketing team on July 2024, where I was assigned to create a new website for the game.
 
wordpress function
Random Number Generator
The site uses PHP based RNG to load the website with different show competitors and text elements each time the page loads. the Generator ensures no one number is called more than once (unles otherwise requested).
Character slideshow function
Character Slideshow
Viewers can explore different character/podium combinations on the homepage. Flavor text dynamically generates to add an element of fun and good humor to the page.
request form function
Color Mapping
Website uses '@use' sass element to allow for dynamic color mapping while minimizing development time.
EmStory
Contributors
Stephan Church - Web Design
Colin Verba/ Brad Lienhart - Supervisor
Timeframe
May 2023 - July 2023 | June 2024 - Aug 2024
Programs
Animator | Figma | Illustrator | InDesign | Photoshop | Wordpress
EmStory 2.0
The Emspire Group rebranded emstory to EmStory in the beginning of 2024, with a change from customer based marketing to SME UGC. The updated website models itself appropriately while taking in the lessons learned from the previous web version.
emstory 1.0
The initial website was created to capture the fun of storytelling and was customer focused rather than SME driven. However it suffered from a lack of focus, a sloppy approach and budget constraints that prevented the full design to be realized.
mobile-site
mobile-site
mobile-site
mobile-site
mobile-site
mobile-site
 
wordpress function
Host Communication
The site uses appropriate wordpress and woocommerce hooks that allows communication to the theme through the backend of wordpress.
request form function
Custom Content Boxes
I created tools to allow the user to edit text or images on the site without having to work around a plugin or code.
search function
Jump Scroll
Clicking on a blue will scroll down to the appropriate section. JS is used to ensure the section is always centered.
Quality Paint of NC
Contributors
Stephan Church - Web Design
Timeframe
Sep 2024
Programs
Illustrator | Local | Visual Studio Code | Wordpress
 
For Quality paint of NC, I wanted to test my ability to build a higher quality website at more afforable pricing. I built this website in three days using my personal Wordpress theme template and library of tools.
mobile-site
mobile-site
mobile-site
mobile-site
mobile-site
mobile-site
wordpress function
Host Communication
The site uses appropriate wordpress and woocommerce hooks that allows communication to the theme through the backend of wordpress.
request form function
Dynamic Request Form
Several custom fields were created for the appointment request form so that returning customers can save details from submitted forms.
request form function
Custom Content Boxes
I created tools to allow the user to edit text or images on the site without having to work around a plugin or code.
search function
Jump Scroll
Clicking on a blue will scroll down to the appropriate section. JS is used to ensure the section is always centered.
Healthy Home Cleaning Services
Contributors
Stephan Church - Web Design
Timeframe
Oct 2022 - Dec 2022
Programs
Figma | Illustrator | Local | Photoshop | Visual Studio Code | Wordpress
Research
I spent the first month of the project conducting research on keywords associated with healthy cleaning. I then explored multiple visual styles using Figma. Each design went through an approval process before progressing to the next step.
wordpress function
Host Communication
The site uses appropriate wordpress and woocommerce hooks that allows communication to the theme through the backend of wordpress.
request form function
Dynamic Request Form
Several custom fields were created for the appointment request form so that returning customers can save details from submitted forms.
request form function
Automated Estimates
As customers fill out the request form, a dynamic estimate will populate to give users an estimated cost.
search function
Focused Search Queries
the site uses a modified search engine that behaves differently based on its value. One search engine redirects based on page metadata while the other allows users to navigate the blog.
Bethel City Church
Contributors
Stephan Church - Web Design
Timeframe
February 2022 - February 2024
Programs
Animate | InDesign | Illustrator | Local | Photoshop | Visual Studio Code | Wordpress
 
For this project, focus was placed on designing a malleable site template over creating a definitive design. I created a series of tools to allow users to modify the site itself without the use of a code editor or design plug-in.
functionality wordpress
Host Communication
The site uses appropriate wordpress and woocommerce hooks to allow for communication to the theme through the backend of wordpress.
functionality content
Custom Content Boxes
I created tools to allow the user to edit text or images on the site without having to work around a plugin or code.
functionality navigation
Sermon Navigation
Users can navigate sermon series and find series based on particular subjects through the archives.
TCA Gaming
Contributors
Stephan Church - Web Design
Timeframe
May 2021 - June 2022
Programs
InDesign | Illustrator | Local | Photoshop | Visual Studio Code | Woocommerce | Wordpress | XD
Introduction
The website was created to capture nostalgia using traditional design trends. The container was made more tight and primary colors were chosen due to their use in traditional pokemon brand use. I worked with the client directly to get a better sense of his brand identity. For more information, refer to the design document attached below.
functionality wordpress
Host Communication
The site uses appropriate Wordpress and Woocommerce hooks to allow for communication to the theme through the backend of wordpress.
functionality discounts
Group Based Discounts
Using plugins, users receive automatic discounts based on their group. I wrote scripts that streamline discounts and displays the icons for each discounted items.
functionality avatar
Custom Avatar System
A custom avatar system was created using javascript, Php and Jquery. Avatars were implemented throughout Wordpress and Woocommerce architecture for blog and shop use.
functionality menu
Custom Shopping Menu
I made a customizable shopping menu on the header of the site. The menu is adjustable through Wordpress and offers a dynamic shopping experience in a responsive layout.