( Case study )

Hearst — Marketing Design & UX/UI for Bitcoin Mining Infrastructure

Web3/crypto

Domain: Crypto mining / Energy & compute infrastructure
Services: Pitch Decks & Presentations; Social Media Design; Landing Pages; Motion Design; UX/UI Design

OVERVIEW

Marketing Design

Pitch decks, investor presentations and social media graphics that explain mining and compute infrastructure in a few slides.

Web & Motion

Landing pages and motion videos for Hearst's businesses, products and announcements.

UX/UI Design

Dashboards and trading views for Hearst's apps, designed in the same visual language as the marketing.

PROBLEM

Industrial infrastructure, explained to investors.

Hearst turns energy into compute. Founded in 2022 and headquartered in Dubai, it runs Bitcoin mining operations with more than 10,000 miners and over 2 EH/s of hashrate, and is developing a 200 MW data center pipeline.

That story is hard to tell. Investors, Bitcoin treasury clients and energy partners each need a different angle, and the subject matter (power, sites, hashrate, financing) quickly turns into dense spreadsheets and technical slides.

HEARST analytics dashboard on a laptop with portfolio metrics and a growth chart

Hearst came to Mara for one design team that could handle every touchpoint, from the pitch deck to the product, and keep them consistent.

OPPORTUNITY

One visual system for every audience.

A shared design language lets an investor deck, a social post and a product dashboard feel like the same company, even when they talk to very different people.

The challenge was speed. Marketing assets had to ship on a business schedule: new decks for meetings, graphics for announcements, landing pages for new products.

SOLUTION

From pitch deck to product.

Mara became Hearst's design partner across marketing and product:

Pitch decks and presentations. Investor and partner decks that turn energy, compute and Bitcoin treasury topics into a clear story.

Social media and motion. Graphics and motion videos for announcements, milestones and product launches.

Landing pages. Pages for Hearst's businesses and products, built on the same grid and palette.

UX/UI design. Analytics dashboards and trading views for Hearst's apps.

HEARST trading dashboards: candlestick charts, order panel and watchlist

CORE FLOWS

Brand on every screen

The Hearst mark adapts to small surfaces like a smartwatch, so the brand holds up wherever the product appears.

People in the story

Portrait photography on soft green backgrounds keeps an infrastructure brand human in decks and social posts.

RESEARCH

Making data-heavy topics readable.

We studied how infrastructure, energy and fintech companies present complex operations to investors, and how data-heavy dashboards stay readable.

Lead with one number. Each slide and card works best with a single key figure and context around it.

Green without greenwashing. Sustainability matters to the story, but the palette had to feel industrial and serious, not decorative.

Reuse beats reinvention. A shared library of charts, cards and layouts made fast turnaround possible.

HEARST research moodboard: green dashboards, data monitoring and reference articles

VISUAL DIRECTION

Calm, green and data-first.

Dark surfaces with deep forest teal and a soft spring green accent give Hearst a confident, technical look. Charts and key figures carry the design, and generous spacing keeps dense topics readable on a slide, a phone or a dashboard.

STRATEGIC DIRECTIONS

Consistent

One palette, type system and component library for decks, social, web and product.

Clear

Complex infrastructure topics reduced to one idea and one number per slide or card.

Fast

Templates and reusable layouts so new assets ship on the business's schedule, not the designer's.

Project timeline across Discovery, Design and Delivery phases

BRAND SYSTEM

Deep forest palette

Deep Forest Teal, Muted Sage Mist, Soft Spring Leaf and Pale Eco Stone: industrial, calm and green.

Data components

Charts, KPI cards and tables designed once and reused across decks, landing pages and dashboards.

Brand extensions

Icons, merch and print pieces that carry the same mark and palette offline.

DESIGN DECISIONS

Designing for investors and operators.

How much data belongs on a slide?

One key figure, one supporting chart and a short caption. Details move to the appendix, so a deck works in a meeting and as a send-ahead.

How should a dashboard feel?

Dark, focused and quiet. Green marks gains and actions, and nothing else competes for attention.

WHERE WE LANDED

A consistent design partner for a fast-moving company.

Marketing

Pitch decks, investor presentations, social media graphics and motion videos in one visual language.

Web

Landing pages for Hearst's businesses and products.

Product

UX/UI for Hearst's apps, including analytics dashboards and trading views.

WORKING AT SPEED

Built for an ongoing stream of work.

Instead of one-off designs, we set up templates and a component library first. New decks, posts and pages start from proven layouts, which keeps quality steady while volume grows.

DETAILS