NexusForge
NexusForge
NexusForge
A dark, confident multi-page site that explains blockchain tools in plain words: own it, build on it, ship it.
A dark, confident multi-page site that explains blockchain tools in plain words: own it, build on it, ship it.
ROLE
ROLE
UI/UX Designer: site structure, page layouts, component system and visual design
UI/UX Designer: site structure, page layouts, component system and visual design
PLATFORM
PLATFORM
Desktop website (5 pages)
Desktop website (5 pages)
TYPE
TYPE
Personal concept project
Personal concept project
View on Behance
View on Behance
View on Behance
Overview
Overview
Overview
NexusForge is a personal concept website for a Web3 and blockchain product, with five full desktop pages: Home, About / Team, Build (developers and pricing), Blog and a blog article. The copy speaks to two audiences: everyday users who want control of their digital assets, and developers who want to deploy smart contracts.
NexusForge is a personal concept website for a Web3 and blockchain product, with five full desktop pages: Home, About / Team, Build (developers and pricing), Blog and a blog article. The copy speaks to two audiences: everyday users who want control of their digital assets, and developers who want to deploy smart contracts.
In my words
In my words
In my words
Web3 sites tend to lean on hype or jargon, and I wanted NexusForge to do neither. It’s a five-page concept that explains blockchain tools in plain words. The home page states the value in one line, backs it up with three differentiators (Decentralized, Secure, Fast) and shows a three-step onboarding so getting started feels simple. Developers get their own Build page with transparent three-tier pricing. To hold the pages together, I alternated dark and light sections and reused the same nav, buttons, testimonials and newsletter everywhere.
Web3 sites tend to lean on hype or jargon, and I wanted NexusForge to do neither. It’s a five-page concept that explains blockchain tools in plain words. The home page states the value in one line, backs it up with three differentiators (Decentralized, Secure, Fast) and shows a three-step onboarding so getting started feels simple. Developers get their own Build page with transparent three-tier pricing. To hold the pages together, I alternated dark and light sections and reused the same nav, buttons, testimonials and newsletter everywhere.
The problem
The problem
The problem
Crypto and Web3 sites tend to be either hype-heavy or very technical, which loses newcomers and fails to reassure them about security. The site needs to explain the value quickly, show trust signals and give developers a clear path to build and choose a plan.
Crypto and Web3 sites tend to be either hype-heavy or very technical, which loses newcomers and fails to reassure them about security. The site needs to explain the value quickly, show trust signals and give developers a clear path to build and choose a plan.
Goals
Goals
Goals
State the value in one line, then back it up with three differentiators: Decentralized, Secure, Fast.
State the value in one line, then back it up with three differentiators: Decentralized, Secure, Fast.
Show that getting started is simple with a three-step onboarding.
Show that getting started is simple with a three-step onboarding.
Give developers their own page with build options, testimonials and transparent pricing.
Give developers their own page with build options, testimonials and transparent pricing.
Support content marketing with a blog and an article template.
Support content marketing with a blog and an article template.
Keep newsletter capture and calls to action consistent across every page.
Keep newsletter capture and calls to action consistent across every page.
Target users
Target users
Target users
Crypto-curious people who want to create a wallet, fund it and trade or stake.
Crypto-curious people who want to create a wallet, fund it and trade or stake.
Developers deploying smart contracts on networks such as Ethereum, Polygon and Solana.
Developers deploying smart contracts on networks such as Ethereum, Polygon and Solana.
Readers following Web3 news and guides.
Readers following Web3 news and guides.
APPROACH
APPROACH
APPROACH
How the design came together, step by step.
How the design came together, step by step.
01 Home
01 Home
A clear value proposition, three differentiator cards, a three-step onboarding, a stats bento, testimonials and a newsletter.
A clear value proposition, three differentiator cards, a three-step onboarding, a stats bento, testimonials and a newsletter.
02 About / Team
02 About / Team
An origins statement, a six-person team grid, hiring, trust logos and a FAQ grid.
An origins statement, a six-person team grid, hiring, trust logos and a FAQ grid.
03 Build for developers
03 Build for developers
Three ways to build, a smart-contract feature block, testimonials and simple three-tier pricing with a Monthly/Yearly toggle.
Three ways to build, a smart-contract feature block, testimonials and simple three-tier pricing with a Monthly/Yearly toggle.
04 Blog and article
04 Blog and article
A featured-post list and latest grid, plus an article template with breadcrumbs, pull quote, tags and author card.
A featured-post list and latest grid, plus an article template with breadcrumbs, pull quote, tags and author card.
05 One system
05 One system
Alternating dark and light sections, with the same nav, buttons, testimonials and newsletter reused on every page.
Alternating dark and light sections, with the same nav, buttons, testimonials and newsletter reused on every page.
KEY FEATURES
KEY FEATURES
KEY FEATURES
The screens that carry the experience.
The screens that carry the experience.
Home
Home
Value proposition, differentiators, onboarding steps, stats bento, testimonials and newsletter.
Value proposition, differentiators, onboarding steps, stats bento, testimonials and newsletter.
About and team
About and team
Origins, a six-person team grid, hiring and trust signals.
Origins, a six-person team grid, hiring and trust signals.
Developers and pricing
Developers and pricing
Build options, testimonials and three pricing tiers with a highlighted plan.
Build options, testimonials and three pricing tiers with a highlighted plan.
Blog
Blog
A featured-post list with large imagery and a latest-posts grid.
A featured-post list with large imagery and a latest-posts grid.
Article template
Article template
Breadcrumbs, author and read time, share icons, pull quote and tags.
Breadcrumbs, author and read time, share icons, pull quote and tags.
SCREENS & MOCKUPS
SCREENS & MOCKUPS
SCREENS & MOCKUPS
The full set of designs, screen by screen.
The full set of designs, screen by screen.
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
The colour palette used across the screens.
The colour palette used across the screens.
COLOURS
COLOURS
Midnight navy
Midnight navy
#0F172A
#0F172A
Panel
Panel
#1F2B42
#1F2B42
Electric blue
Electric blue
#0A6EFF
#0A6EFF
Blue
Blue
#2563EB
#2563EB
Sky blue
Sky blue
#60A5FA
#60A5FA
Light section
Light section
#F8FAFC
#F8FAFC
Teal accent
Teal accent
#2BCBB7
#2BCBB7
OUTCOME
OUTCOME
OUTCOME
A cohesive five-page system with the same nav, buttons, testimonial and newsletter components on every page.
A cohesive five-page system with the same nav, buttons, testimonial and newsletter components on every page.
Separate, clear paths for users (Home) and developers (Build and pricing).
Separate, clear paths for users (Home) and developers (Build and pricing).
A reusable blog and article template ready for content.
A reusable blog and article template ready for content.
HAVE A PROJECT IN MIND?
HAVE A PROJECT IN MIND?
HAVE A PROJECT IN MIND?
I’d love to hear about it. Let’s build something great together.
I’d love to hear about it. Let’s build something great together.
I’d love to hear about it. Let’s build something great together.
Get in touch
Get in touch
Get in touch
LET’S WORK TOGETHER
LET’S WORK TOGETHER
LET’S WORK TOGETHER
Phone: +2349038049003