All selected work

01WEBSITE & INTERFACE / IN-HOUSE

A clearer home for
technical services.

Umbric's own website brings services, selected work, and a professional resume into one responsive interface.

PROJECT
Umbric Data Services
FOCUS
Interface & content structure
BUILT WITH
Next.js / React / Tailwind CSS
UMBRIC / WEBSITE & INTERFACEDESKTOP + MOBILE
Umbric's live services page at a desktop size
The same Umbric services page on a narrow mobile screen
One website. Two ways to view it.
Actual public website, captured October 6, 2026. Desktop and mobile views of Umbric's own site. Visit website (opens in a new tab)

A visitor may be looking for a specific service, reviewing technical experience, or deciding whether to get in touch. The site needs to support each path while keeping the content readable on a small screen.

The interface uses a restrained dark palette, clear section headings, a Services/Resume switch, and contact links that stay within easy reach.

WHAT THE INTERFACE DOES

Details that support the visit.

01

Two clear reading paths

Services and Resume views share one header. The resume can be opened directly with a URL, and the browser's Back button restores the previous view.

Open the resume view
02

Content that fits the screen

Project cards move from two columns to one. Long descriptions expand on request, and navigation becomes a labeled mobile menu.

03

Direct ways to get in touch

Email and telephone links lead directly to contact. The resume PDF is available from the resume view without an account or form.

A CLOSER LOOK

Two paths. One familiar interface.

Actual Umbric Resume view with Justin Reckling, professional introduction, and resume download
ACTUAL WEBSITE SCREENSHOT

Let experience have its own space.

The Resume view keeps professional background and the downloadable PDF together. Its URL can be shared directly.

Open the resume view

Showing the Resume screenshot.

THE RESULT

A working, public example.

The current site makes the interface available to explore directly. The implementation includes:

  • Responsive page layouts and project cards
  • Keyboard skip link, focus styles, and labeled controls
  • Shareable resume view and a local PDF download
  • Static page output with build-specific security headers

Start with a short list: update a service page, organize supplied content, fix a mobile layout, or make contact links easier to find. Agree on the pages and assets, review the changes, and check the finished experience at desktop and mobile sizes.

BEHIND THE WEBSITEExplore the publishing workflow

START WITH ONE USEFUL CHANGE

A small batch.
A useful first step.

Send the page, the task, or a sample of the files. We can agree on a clear scope and a reviewable first delivery.

Email Justin justin@umbric.com