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.
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.
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.
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.
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.
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
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.
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.
Host Communication
The site uses appropriate wordpress and woocommerce hooks that allows communication to the theme
through the backend of wordpress.
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.
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.
Host Communication
The site uses appropriate wordpress and woocommerce hooks that allows communication to the theme
through the backend of wordpress.
Dynamic Request Form
Several custom fields were created for the appointment request form so that returning customers can save details from submitted forms.
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.
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.
Host Communication
The site uses appropriate wordpress and woocommerce hooks that allows communication to the theme
through the backend of wordpress.
Dynamic Request Form
Several custom fields were created for the appointment request form so that returning customers can save details from submitted forms.
Automated Estimates
As customers fill out the request form, a dynamic estimate will populate to give users an estimated cost.
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.
Host Communication
The site uses appropriate wordpress and woocommerce hooks to allow for communication to the theme
through the backend of wordpress.
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.
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.
Host Communication
The site uses appropriate Wordpress and Woocommerce hooks to allow for communication to the theme
through the backend of wordpress.
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.
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.
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.