Front-end & User Experience Developer

Spielberg Audio Labs - Studio Website

Static HTML/CSS website for a local recording studio.

HTML
CSS
JavaScript

Where it All Began

My experience building websites started with using Frontpage 98 to build a personal gaming 'clan's website. Shortly after that I built my parents Real Estate business websites during the dot.com boom. Years later, I had continued to do work for friends and family.

Spielberg Audio Labs, a static HTML website, provided a solid foundation in web development fundamentals. By working with native HTML and CSS, I gained a deep understanding of how these core technologies interact to create dynamic browser experiences. This project allowed me to experiment with different layouts, styles, and interactions, ultimately honing my skills in crafting visually appealing and user-friendly websites.

Shameless Self Promotion

My experience building the We Are Warm website showcased my ability to leverage content management systems to create dynamic, up-to-date online platforms. Using WordPress, I effectively managed the band's concert dates, Instagram feeds, and merch store, ensuring a seamless experience for fans. This project also allowed me to showcase my drumming skills and share my musical journey with a wider audience."

'We Are Warm' band website

WordPress
ECommerce
Interactive Infographic

Animated, responsive article designed for sales representatives selling a computer processor for a Fortune 500 Company. My role was the custom development and deployment of this module for 27 different languages.

GSAP
JavaScript
Automation
Animation
CSS
Localization
View Infographic
Picture of Charlie Hogland

Animation and Interaction for a Fast Paced Start-Up

Working in a fast-paced startup environment sharpened my skills in creating dynamic and engaging user interfaces. Tackling the challenge of replacing legacy Flash projects while ensuring compatibility across 27 languages, including RTL scripts, deepened my understanding of responsive design principles and cross-browser compatibility. This experience has equipped me with the ability to deliver high-quality, performant, and accessible web applications.

Animated Infographic

Interactive infographic (desktop only) designed for sales representatives selling a computer processor for a Fortune 500 Company. My role was the custom development and deployment of this module for 27 different languages.

GSAP
JavaScript
Automation
Animation
CSS
Localization
View Infographic
Picture of Charlie Hogland

Corporate World. It's different.

My transition from freelance work to a start-up to a corporate environment was a significant shift, but my self-learning skills proved invaluable. The ability to quickly adapt to new technologies and processes allowed me to contribute meaningfully to the team from the outset. This experience showcased my capacity to thrive in diverse work settings and navigate the unique challenges of corporate culture.

Wealth Tracker App

Developed many prototypes and style guides to assist with the development and design of Stifel's Wealth Tracker app.

Angular
JavaScript
CSS
Bootstrap
Learn more
Automation Testing Suite

Designed and implemented a UI for management of an automation testing suite for enterprise level software testing.

Angular
JavaScript
CSS
Bootstrap

Modern Development - Design System, Components, User Experience

At FM Global, I spearheaded the development of a design system based on Brad Frost's Atomic Design methodology. The resulting component library, which I created, released, and maintained, was swiftly adopted by the entire enterprise. As the team matured around the design system, I transitioned into a strategic role, collaborating with business stakeholders and design professionals to prototype and validate new experiences. This user-centric approach accelerated our development process and ensured high-quality outcomes.

Platform Prototype

React
JavaScript
TailwindCSS
AG Grid
Design System/Component Library

NodeJS
JavaScript
TailwindCSS
StencilJS
StorybookJS
MDX