Design

Work that connects
the whole picture.

Solutions I build and problems I solve across financial services, produce inspections, employee timekeeping, and eCommerce.

These summaries describe my contribution to team projects. Diagrams are conceptual workflows, not production architecture diagrams or client screenshots; client interfaces and private system details are not reproduced.

Enterprise application modernization

Fifth Third Bank · Senior Software Engineer III

Modernizing banking operations interfaces and building shared UI tools for application teams.

React · TypeScript · Java · Spring Boot · Storybook · Jest · Docker

Diagram: one shared React component library with Storybook documentation feeding multiple applications.

The problem

Application modernization involves more than replacing individual screens. Business workflows need usable data interfaces, while engineering teams need shared components, repeatable quality checks, and clear delivery guidance. My work spans these application and development needs.

My contribution

Develop React and TypeScript interfaces and collaborate on Java/Spring Boot integration. Built a shared React component library and its Storybook documentation from scratch for reuse across multiple applications. The library includes data tables with filtering, inline editing, and configurable columns. Contribute reporting, spreadsheet export, document editing, and account interfaces. Improve automated tests, code-quality checks, and container packaging. Develop release tooling and engineering documentation to support test execution, review, and consistent delivery.

The outcome

Contributions include a reusable component library with Storybook documentation for multiple applications, business application interfaces, automated checks, and release-support tooling. Development is ongoing, with continued work on application modernization and reusable engineering foundations.

Read the full case study
  1. Requirements
  2. Web application
  3. Review and iteration

Produce specifications and inspections

Kroger · Technical Lead · UI

Web interfaces for produce specifications and produce quality inspections.

React · Next.js · TypeScript · Java · Spring Boot

Diagram: produce specifications feed an inspection checklist, which produces inspection details.

The problem

Produce inspection workflows need accessible product specifications and quality information. The work focused on bringing those details into web interfaces that support produce inspections.

My contribution

Led UI development with React, Next.js, and TypeScript. Integrated Java services and guided the team on UI development and usability.

The outcome

Delivered interfaces for produce specifications and quality inspection workflows. Used Dynatrace to investigate performance and mentored the team on UI/UX principles and architecture.

Read the full case study
  1. Produce specifications
  2. Produce inspection
  3. Inspection details

Employee timekeeping and leave

FISA-OPA · Senior Software Engineer

Modernizing employee timekeeping and leave interfaces.

React · TypeScript · Redux · HTML5 · CSS3 · Bootstrap · Figma

Diagram: a calendar grid of time entries and leave days feeding a timekeeping record.

The problem

Timekeeping workflows needed a modern UI while continuing to support existing business requirements and production operations.

My contribution

Alongside other payroll-related projects at FISA-OPA, led a React UI redesign for timekeeping workflows, analyzed requirements with business teams, integrated RESTful APIs, and trained the UI team on React and Sencha. Worked with UX designers on layouts and considered user accessibility in release planning.

The outcome

Developed React interfaces and supported the team with training and post-release maintenance. Continued collaborating with business teams to resolve production issues.

Read the full case study
  1. Employee time and leave
  2. Responsive React interface
  3. Time and leave workflows

Retail eCommerce storefront

ICF Next Global · Lead Frontend Developer

Connecting a retail storefront from discovery to checkout.

Vue 3 · Shopify · Liquid · TypeScript · SCSS · APIs

Diagram: a narrowing funnel from product discovery to product and cart to Shopify checkout.

The problem

A retail client needed an eCommerce experience with consistent account, product, cart, and checkout pages and reusable components for ongoing development.

My contribution

Directed storefront development with Shopify Liquid and Vue 3. Built core shopping and account pages, connected Shopify REST APIs for dynamic content, and trained the team on Liquid and Vue development.

The outcome

Delivered core eCommerce journeys using reusable Vue components and Shopify integration, creating a shared component approach for the development team.

Read the full case study
  1. Product discovery
  2. Product & cart
  3. Shopify checkout

Business and commerce web applications

Earth7 Consulting LLC · Frontend Developer

Interfaces and Java API integration for business and commerce applications.

JSF · JavaScript · AngularJS · Java · JAX-RS · JUnit · Cucumber

Diagram: AngularJS and JSF interfaces and JAX-RS Java APIs, both covered by JUnit and Cucumber tests.

The problem

Client application work included business and commerce interfaces, service integration, and testing.

My contribution

Developed interfaces with JSF and AngularJS, implemented JAX-RS APIs, and contributed JUnit and Cucumber tests. Worked with business analysts and release teams on requirements and delivery.

The outcome

Contributed application interfaces, API integrations, automated tests, and post-implementation support.

Read the full case study
  1. Business requirements
  2. Interface and API
  3. Testing and support

Hiring for an engineering role?

Let's talk about the role, your team, and the engineering challenges ahead.

Get in touch