TWITCH TRAINER | 2019 | Adv. WordPress, Elementor, UI/UX, WooCom

My Role: I was the sole WordPress website designer, developer, and graphic designer for the official Twitch Trainer website. I designed most site elements, including graphics and colors, to align with Twitch Trainer's branding.

Project Description: Referred by the President of Krank Golf, Twitch Trainer contracted me in 2019 to completely redesign their website. I collaborated directly with the company owner, who envisioned a high-end, visually stunning website to showcase his training videos and products through compelling images and branding. I designed several graphics, including the top dynamic graphic of the Twitch Trainer.

The website was built using WordPress with Elementor. It allows users to download videos and order products via WooCommerce. Additionally, the site featured a customer portal for managing customer information, checking order statuses, and accessing different membership levels. I optimized the website for speed, on-page SEO, and user interaction.

Challenge: Create a visually engaging UI/UX website aligned with Twitch Trainer's branding guidelines for their new e-commerce platform. Users should be able to seamlessly purchase and download training videos, browse additional video content, and make purchases of the Twitch Trainer device. Additionally, the site must process payments through Twitch Trainer's payment gateway, Authorize.net.

Solution: I used WooCommerce, several Woo Addons, and Elementor to craft an aesthetically pleasing and user-friendly e-commerce website for Twitch Trainer. This included customizing WooCommerce via a child theme, manually coding WooCommerce pages and elements, and adjusting the CSS stylesheet in the child theme to align with Twitch Trainer's branding. I also designed custom graphics using Adobe Photoshop and Illustrator, such as the Twitch Trainer fire graphic at the top of the site.

Client: Twitch Trainer

Date: 2019

• WordPress Development

• WooCommerce Modification

• Elementor

• Custom Web Design

• UI/UX Design

• Theme Customization

• Custom CSS3, HTML5, JS, and PHP

• Child Theme

• Custom Graphics

• Payment Gateway Integration

• ADA Compliance