Derek Wilder

Front-end developer · UX & UI design

Thoughtful interfaces.
Carefully built.

I bring 20 years of software development experience to the details people see, use, and rely on — with a focus on front-end development, accessibility, and user experience.

Explore my work View résumé PDF (opens in a new tab)

The focusClear interactions.
Accessible experiences.
Considered implementation.

Selected work

From interface to interaction.

Two projects. A closer look at
how I design and build for the web.

Form Factory builder with an event registration form, field controls, and conditional logic settings.

01 / Form building

Form Factory

A flexible form builder that turns questions, fields, and conditional rules into an interactive form.

  • Angular
  • TypeScript
  • Tailwind CSS

The experience

Build and preview forms in one workspace. Configure fields and use conditional rules to show questions or require answers based on an earlier response.

The implementation

Angular Signals and RxJS support application state and interactions. Tailwind and custom CSS shape the interface, with browser storage for local data. The project also includes a dedicated product landing page.

Explore the demo to try the builder, or view the landing page for the product presentation.

Try the demo Landing page Source code (opens in a new tab)
Everyday Calendar interface showing a monthly grid and color-coded events.

02 / Event planning

Everyday Calendar

A straightforward calendar for planning a day, a month, and the events in between.

  • React
  • CSS
  • localStorage

The experience

Switch between a monthly grid, a monthly list, and an all-events view. Create single-day or multi-day events with times, color labels, and optional descriptions. Pick dates on the calendar or enter them directly.

The implementation

Events that span multiple months appear in each month they overlap. Browser storage preserves events, the calendar title, theme, and selected view between visits.

Data stays in the current browser. It does not sync across devices and is removed when the site’s browser data is cleared.

Try the demo Source code (opens in a new tab)

Previous work / CollegeNET, Inc.

Experience across real products.

Design, development, and accessibility
from my years at CollegeNET.

Over roughly 20 years at one company, I worked in various roles across products for higher education. These examples show some of the range of that work and my contribution to each project.

01 / 04 · Marketing pages & front-end development

StandOut

A public presence for a video interviewing platform.

StandOut: Updated landing page · Desktop
Updated landing page · Desktop

Select the image to explore the full screenshot.

The project

StandOut supports asynchronous video interviews for career centers and higher education institutions, as well as interview practice with AI analysis. It needed a public marketing site for visitors arriving from email links or without an account.

My contribution

I developed the marketing pages from designs created in collaboration with a marketing firm. I then completed all development for a second revision, incorporating updated design and supplied content. I also contributed interface improvements within the application.

The result

A marketing site for standout.com and an updated application interface.

02 / 04 · Collaborative design & AngularJS development

Coalition for College Access

One application. Multiple college destinations.

Coalition for College Access: Implemented login page · Desktop
Implemented login page · Desktop

Select the image to explore the full screenshot.

The project

A new college application platform allowed students to apply to multiple schools using a shared application, tailored to each school. The project was built from the ground up.

My contribution

I worked with the team on application design and developed parts of the front end using AngularJS. The examples include login templates, the implemented login page, an administration prototype, and the profile photo interface.

The result

The application was built and launched before I moved on to other projects.

03 / 04 · UI modernization & accessibility

25Live

Updating a complex scheduling interface.

25Live: Updated UI design mockup · Desktop
Updated UI design mockup · Desktop

Select the image to explore the full screenshot.

The project

25Live supports classroom scheduling and resource allocation. Its interface needed a visual refresh alongside improvements to keyboard and screen-reader access.

My contribution

I designed the updated look and feel and implemented the styling in the application. I also performed accessibility audits, filed issues, and maintained the Voluntary Product Accessibility Template (VPAT), documenting the application’s accessibility status.

The result

An updated application interface and accessibility improvements. The images below show a proposed design and the earlier interface, rather than a final production comparison.

About / Approach

Design sensibility.
Development depth.

My focus is where visual design, interaction, and front-end code meet. I bring two decades of software development experience to making interfaces understandable and useful.

View my résumé PDF (opens in a new tab)

Front-end development

Interactive applications with Angular, React, and TypeScript, supported by HTML and CSS.

UX & UI design

Clear visual hierarchy, purposeful layouts, and interactions that make complex tasks easier to follow.

Accessibility

Attention to readable content, keyboard navigation, and usable controls throughout the interface.

Let’s connect

Good work starts
with a conversation.

Hiring for front-end engineering, front-end development, or UX/UI design? I’d welcome a conversation about your team and the work ahead.

Use the form to get in touch.

 

Screenshot