Humanely. We designed Humanely's website and its visual language.

Client
Humanely, a Reveriext product
Year
2026
Services
Website design, art direction, interface implementation
Team
reDesign, with reLabs
The Humanely home page: a man working on a laptop on a grassy hillside, with the headline “Your back office, on autopilot.” and two glass status cards floating over the sky

The challenge

Humanely's website introduces a suite of company apps and a concierge service. Visitors need to understand the overall offer, explore an individual app, and distinguish the software from the people providing the service.

We designed the page hierarchy, app navigation, art direction, and responsive layouts. Outdoor photography connects the pages; product scenes explain relationships within the suite. A shared app-page structure gives each app the same place for its introduction and supporting detail.

The home page moves from the overall offer through product explanations to the concierge, using recurring photography and product scenes.
Main page examples shown
4
Home, Platform, Intelligence, and About in the captured site.
App pages in the shared structure
6
Lens, Compliance, Recruit, HR, Books, and Payroll in the site's app-page list.
Editorial sections
2
Insights and Guides use layouts for published articles and reference content.
The home page hero on a grassy hillside
The Intelligence page: “Three roles. One swarm.” with hummingbirds over a valley
The Platform page: “One surface. Your whole company.” beside two redwood trunks
The About page: “Your end-to-end partner for running a company.” over a river valley
Different landscapes identify the pages while consistent image treatment and typography connect them to the same site.

We used a shared scene language to explain the product.

Art direction

The scenes explain app relationships, records, and assistant actions without reproducing a full working screen. Raised cards and translucent panels give those explanations a common material. Neutral surfaces carry most of the composition; blue marks emphasis, app icons retain their colors, and lime highlights selected elements. Over photography, the panels reveal the landscape beneath them.

We gave the six app pages a consistent structure.

The Lens app page: “Where the company actually stands.”
The Lens app page's product section: the dark Lens home screen beside cards for Lens, Company, and People
The Platform page's six app cards: Lens, Compliance, Recruit, HR, Books, and Payroll, each with its own tinted glass mock
The shared app-page layout keeps the introduction and product detail in consistent positions as the app content changes.

We adapted the relationship between headlines and scenes for phones.

The phone examples stack headlines, actions, and supporting scenes, with image crops adjusted for the narrower space.

We used a product preview alongside the explanatory scenes.

Design implementation

The home-page console presents a more detailed view of the software after the simpler product explanations. App tabs sit beside a shell containing summary figures, insight cards, and activity. The scene language introduces the relationships; the console shows the denser interface. Shared styles carry the website's type, color, and spacing decisions into the page layouts.

The Humanely Console on the home page: a dark product shell with a tab for each app, a health score, insight cards, and an activity timeline
The console preview frames a company overview within the website; it is a presentation of the product, not a connected account.

Credits

Team

  • reDesign Website design, art direction, interface implementation
  • reLabs Website engineering

Next project: Keep website

Keep website. A product website built around recorded demonstrations and a clear path to access