Client Work

Kolbe Academy

Student Information System Design

Design Development

As a multi-faceted K-12 school with multiple program types for students, Kolbe Academy decided to develop their own Student Information System instead of continuing to attempt to make their specialized processes and flows fit constraints of other Student Information Systems.

I created new process flow and designs for the new Student Information System, from student pre-registration through student management, including a parent portal hub to manage student enrollments, grades, and other various aspects of a student's progression.

In addition, I developed a React/Typescript component library based on the designs.

Figma
React
Typescript
Tailwind
Storybook

Visual Comfort

In-Store Touch Screen Catalog

Development

Visual Comfort needed an updated in-store catalog that would be searchable on large vertical touchscreens throughout their stores.

I developed touch-screen-friendly pages and components for this catalog with Typescript, Vue, and Nuxt encompassing search, filters, product carousels, and life-size image displays, intended for 55"+ screens.

Vue
Nuxt
Typescript
Tailwind
Sass
Jest
Cypress

Employee Order Management System

Development

Visual Comfort needed an employee management application to track and update customer orders.

I developed the application (Vue/Nuxt/Typescript) based on provided designs, implementing search and filter functionality, with the ability to update and save products and orders.

Vue
Nuxt
Typescript
Tailwind
Sass
Jest
Cypress
Storybook

TechFabric

Corporate Website

Development

TechFabric needed a new marketing website for their organization. Based on client-provided designs, I developed a multi-page NextJS website and blog, utilizing Prismic CMS's Slice Machine to develop data models.

Next
Tailwind
Prismic
Cypress
Storybook

Personal Loan Web Application

Development

Pigeon (formlery Pigeon Loans) needed a more user-friendly loan flow.

Working with provided designs, I developed pages and components for the new flow. This project also encompassed refactoring legacy code with re-usable components and updated functionality, ensuring better readability and reducing overall file size.

React
Tailwind
Cypress
Storybook

Loan Company Website

Development

Developed components and pages for Pigeon's marketing website, with a focus on custom stylized components geared towards customer engagement, including an animated SVG world map, an automated counter, and custom inputs.

Next
Tailwind
Prismic
Cypress
Storybook