HiRE – Green Jobs Platform

A little context

HiRE is a public-facing green jobs platform developed for the Society of Renewable Energy (SRE), connecting people with sustainability careers, learning resources, and events.

My part: Frontend implementation, content-driven page structure, and support for production deployment. I worked with a UI/UX designer and backend engineers.

What needed attention

Job listings, learning resources, and events needed clear page layouts that worked on both phones and desktop screens.

Core Experience

1. Browse opportunities
2. Explore details
3. Discover related resources

Interface Implementation

01

Recognition

Familiar navigation

Use recognizable listings, categories, and page structures.

02

Minimalist design

Content hierarchy

Prioritize readable headings and whitespace across jobs, resources, and events.

03

Trust

Consistent presentation

Keep layouts and component behavior predictable for first-time visitors.

04

Real-world language

Job-seeker language

Use titles, locations, and categories that match how people search.

05

Accessibility

Responsive access

Use semantic HTML and readable text, with layouts that adapt to smaller screens.

Architecture and Delivery

01

Reusable interfaces

Implemented approved designs with Next.js, TypeScript, and Tailwind CSS across landing, listing, detail, learning, and dashboard pages.

02

Content and release workflow

Used dynamic routing, conditional UI states, and preview-based workflows to support production delivery.

What I built

I implemented the public pages and signed-in views for job discovery and learning content, and helped prepare the site for production.

What stayed with me

This was my first production Next.js project. Alongside implementing the designs, I learned how to handle routes for different content types and prepare the frontend for release.

The people I worked with