Web Dev Portfolio

Benefits Enrollment Microsite This microsite design was developed with tight deadlines for a company transitioning to new benefits. Because of the timing of the transition, I was commissioned to develop this website to allow employees to enroll for benefits online with ease. To try a version of the published site for yourself, enter the following …

Benefits Enrollment: Responsive UI/UX Microsite Design & Development Read More »

Intranet Portal Redesign Project To improve communications and simplify resources, I led the development and design of my company’s employee intranet portal. The goal of the intranet was exceeded in providing resources for training, reference, information, and communication. The intranet portal was built on a WordPress platform with custom HTML and CSS styling the design. …

Intranet Portal Responsive Design & Development Read More »

Website UI Design: MacLeanPower.com The following custom landing pages were created to form a “marketing funnel” to educate and guide visitors about promoted products. Each page was created by consulting the subject matter experts (product managers) to learn about the products’ features and benefits. Next, a rough outline of the page hierarchy was created. After …

UI/UX Product Web Landing Pages Read More »

Website UI Design: MacLeanPower.com The updated MacLean Power Systems website is feature packed, including a responsive  layout designed that was simplified to improve the user experience. Our web team decided to update the site with a dark theme with red accents to give a refined yet industrial feel and contrast our competition.   I developed …

MacLeanPower.com: Responsive Website Development Read More »

Webpage Search CSS Styling To provide better search results, our web development team installed the Instant Search Plus WordPress plugin on the MacLean Power Systems website. To customize the plugin, I wrote over a hundred lines of CSS code to display a simple user experience that is cohesive with the company’s website aesthetics. The code …

Responsive Web Search CSS Styling Read More »

Mobile Product Design: RTD Tool This “Real Time Design” (RTD) digital product / tool was developed to help customers know what parts to order to design their power systems. To design the tool, I built prototypes in Figma to expedite the project for our development team to create the tool. After the tool was launched, …

Mobile Product Design: RTD Configurator Tool Read More »

New Product Introduction

Responsive Web App Design This responsive web app design has a simple design with advanced functionality. The challenge was that a company needed a way for employees that worked remote to clock in and out to track the hours they worked. To try a version of the published site for yourself, enter the following login …

Responsive Web App Design: Employee Time-clock Read More »

New Life Fitness: Mobile Product Design This project involved creating the visual designs for a fitness company. A sample of the initial prototype shown below was created in Figma for the users to test (the prototype is linked here too). This project is under construction (as of December 2021), and more samples from the project’s …

New Life Fitness Mobile Product: Figma Prototype Read More »