BITDEER AI · INTERACTIVE PAGE

AI Agents, Explained

Translating complex B2B articles into an interactive web experience, built end-to-end.

Bridging the Gap

Not everyone wants to read a long article about AI infrastructure. The goal was to translate Bitdeer AI’s technical articles about a specific topic into an accessible format for an AI-curious person using a progressive narrative in bite sized pieces.

AI Agents, Explained: The Context Window Size Limit

Learning Through Interaction

Each section has an introduction about the concept, followed by an interactive element for users to follow along.

Desktop-First, Mobile-Ready

The target audience is likely to browse on desktop, so the site is optimized for larger screens. For those on the move, nothing breaks on mobile. The chapters, interactions, and narrative flow remain identical across all devices.

Education as a Funnel

The goal is to engage with AI curious, as well as decision makers. The "Go deeper" section allows people to go back and read the source articles on the blog, and acts as driver for traffic back to the site.

AI Agents, Explained: Going Deeper for Technical Readers

See the demo live

PREVIOUS PROJECTHex Trust Company Brochure

NEXT PROJECTSocial Media Infographics

BITDEER AI · SOCIAL GRAPHICS

Social Media Infographics

Repurposing long-form B2B articles into educational social graphics.

Earning Technical Trust

Technical decision-makers ignore standard corporate announcements. To build brand awareness, actionable insights were extracted from engineering articles and turned into clean graphics.

Utility by Design

The visual strategy prioritizes utility over promotion. Complex constraints are translated into clean grids and checklists to expose common data pipeline mistakes directly in the feed.

PREVIOUS PROJECTAI Agents, Explained

NEXT PROJECTMotion Graphics Explainers

BITDEER AI · SHORT VIDEOS

Motion Graphics Explainers

Translating abstract AI concepts into short-form animated video.

The Visibility Problem

AI infrastructure operates entirely out of sight. Dense technical articles were turned into short kinetic explainers to give infrastructure leads an immediate visual vocabulary.

Isolating the Variables

The workflow breaks down long-form text to find a single core message. Isolating just one variable per video keeps complex compute mechanics digestible for a fast-scrolling audience.

PREVIOUS PROJECTSocial Media Infographics

NEXT PROJECTClaude AI Explainers

CLAUDE · SHORT VIDEOS

Claude AI Explainers

Turning big ideas into bite-sized motion for social media.

Making Big Ideas Small

Artificial intelligence is a massive subject. Shrinking these complex concepts into videos under one minute required strict scripting, rapid pacing, and kinetic typography to capture general interest on social platforms.

PREVIOUS PROJECTMotion Graphics Explainers

NEXT PROJECTHex Trust Brand Video

HEX TRUST · COMPANY FILM

Hex Trust Brand Video

Showcasing products and services through adaptable motion design.

Moving at Market Speed

Working in-house required producing a broad brand video on a fast deadline to showcase company products and services across both horizontal and vertical platforms.

Designing for Adaptability

The animation stays focused on high-level business pillars. Building the video with a modular layout allowed the exact same assets to translate smoothly from widescreen to a vertical aspect ratio.

PREVIOUS PROJECTClaude AI Explainers

NEXT PROJECTHex Safe Product Launch

HEX TRUST · PRODUCT LAUNCH

Hex Safe Product Launch

Showcasing an upgraded digital asset custody platform through animated video.

Translating the Upgrade

Working directly with product and custody teams turned dense technical requirements into a clear visual narrative for the platform launch.

From Script to Screen

Production moved from scripting and storyboarding straight into After Effects. Clean motion graphics break down new features so the platform updates take center stage.

PREVIOUS PROJECTHex Trust Brand Video

NEXT PROJECTFinance & Blockchain Icons

HEX TRUST · ICONS

Finance & Blockchain Icons

A set of finance and blockchain icons for Hex Trust, drawn in Illustrator and animated in After Effects.

The Set

Twelve icons drawn in, and the full sheets of 84 labelled icons in three colourways.

PREVIOUS PROJECTHex Safe Product Launch

NEXT PROJECTThe Monthly Block

HEX TRUST · SERIES INTRO

The Monthly Block

The Monthly Block is a monthly highlights of what Hex Trust has been involved in, market commentary, and is a marketing tool for reaching more people.

The Brief

The looping gif animation is published on LinkedIn and Twitter. Its purpose is to draw a viewer's attention on social media, so that they will click through to the full article on our website. Designed in After Effects, it's easy to reuse as a template.

PREVIOUS PROJECTFinance & Blockchain Icons

NEXT PROJECTHex Trust Ecosystem Updates

HEX TRUST · FILM SERIES

Hex Trust Ecosystem Updates

Hex Trust's Ecosystem Update is a weekly social media series featuring the current headlines of partners and client in the "Web 3" space.

The Brief

The team had the goal to create a content series that can help draw attention to partners and clients. As a marketing manager at Hex Trust, I worked with my colleagues who collected the headlines, while I designed and animated the video. Once approved, it was used as a template and created on a weekly basis. This has been ongoing since July 2023, and posted on the company's LinkedIn and Twitter.

PREVIOUS PROJECTThe Monthly Block

NEXT PROJECTHT Digital Assets

HEX TRUST · WEB

HT Digital Assets

HT Digital Assets - brand identity design, illustration, graphic design, and website design.

The Brief

HT Digital Assets current core product is USDX, a 1:1 USD backed stablecoin. The goal was to design a separate brand with slightly different look and feel apart from the parent brand, for a distinct suite of products and services. This included the designing of the logos, icons, illustrations, and website. A loose overall direction was given by the Head of Marketing. Overall written content and copy was provided by the content manager.

PREVIOUS PROJECTHex Trust Ecosystem Updates

NEXT PROJECTwrapX | Secure. Verifiable On-Chain. Transparent.

HEX TRUST · BRAND

wrapX | Secure. Verifiable On-Chain. Transparent.

WrapX is a canonical token wrapping service designed for institutions.

The Brief

The brief was to design a brand similar to the parent company, Hex Trust, but still distinct and can stand on its own. Majority of the project included designing of the logo, brand's look and feel, and the website.

PREVIOUS PROJECTHT Digital Assets

NEXT PROJECTHex Trust Series B Funding Round

HEX TRUST · FILM

Hex Trust Series B Funding Round

To celebrate and announce Hex Trust's Series B Funding round, I was tasked to create a short and punchy video for Linkedin.

The Film

Music from Pixabay: Stomp Percussion, Asepirawan20

PREVIOUS PROJECTwrapX | Secure. Verifiable On-Chain. Transparent.

NEXT PROJECTHex Safe, Hex Trust

HEX TRUST · PRODUCT FILM

Hex Safe, Hex Trust

This video was made to highlight the features of Hex Safe.

The Brief

Hex Safe is the institutional platform for managing digital assets, and is the main product offered by Hex Trust. Copy was written with the help of colleagues.

PREVIOUS PROJECTHex Trust Series B Funding Round

NEXT PROJECT10 Principles of a Licensed Digital Asset Custodian

HEX TRUST · PRINT

10 Principles of a Licensed Digital Asset Custodian

The 10 Foundational Principles of a Licensed Digital Asset Custodian is an insights piece for Hex Trust, a fully licensed digital asset custodian.

The Brief

It helps to establish expertise and credibility in the digital asset custody space as an educational piece on what to look for in a digital asset custodian. Published as a downloadable PDF, on the website, and as a printed booklet.