UI / UX Design
View design file →
Untitled UI: NFT Creator Dashboard
A subtle NFT-inspired dark theme for an existing creator platform, analytics, NFT management, discovery, community and events in one dashboard.
Year :
2025
Industry :
Web3 · Creator Platforms
Client :
Developer client (live product)
Project Duration :
1 Week
Role :
Freelance Lead Designer
Team :
Solo designer × client development team
Tools :
Figma
Platform :
Web
View more shots in the gallery →
Snapshot
Product: A dark, NFT-native theme for a live creator platform spanning analytics, NFT management, discovery, community and events.
Client: A developer client with a shipped product and active users.
My role: Freelance lead designer, product audit, wireframe re-documentation, dark theme system, high-fidelity screens.
Delivered: Five modules re-themed at 1:1 flow parity, adoptable by the client component by component.
Project Health
Overview
The client had something most redesign briefs don’t: a working product. Their creator platform handled NFT management, analytics and community, but its neutral visual language said nothing to the Web3 audience it served. The brief was surgical: integrate a subtle NFT dark theme into the existing design without disturbing what was already shipped.
That framing makes this a study in restraint. The value of the work is measured not only by how the product looks, but by how little of the client’s engineering investment it invalidates.
Before The Redesign
This was a redesign engagement: the client already had a live creator platform in production. Rather than a blank-canvas build, the work started from their existing product and integrated a subtle NFT-native dark theme on top of it, preserving every shipped flow.
Treating the current interface as the before made parity the whole point, the redesign had to read as ‘the same product, evolved,’ not a replacement. The original screens are the reference every high-fidelity screen was checked against.
5
Core modules themed
1:1
Parity with existing flows
10+
Dashboard screens
The Problem
A full redesign would have reset user habits and burned shipped code. Doing nothing left the product visually anonymous in a category where identity is currency. The theme had to feel native to Web3 while behaving as a drop-in evolution of the current interface.
How do we make a live product feel native to Web3, without breaking a single flow its users already know?
Constraints
Strict 1:1 parity: every existing flow, hierarchy and interaction stays, only the visual layer moves.
Component-by-component adoptability: the client’s team needed to ship the theme incrementally, not as a big-bang release.
Analytics legibility: dense revenue and engagement data had to survive the move to dark surfaces.
Research & Insights
The work began with an audit of the live product, a contrast study for dark data-visualization surfaces, and a teardown of Web3 platforms’ visual language, what signals “native” versus what reads as crypto kitsch. Key findings:
Parity had to be provable, not promised, re-documenting existing flows as wireframes gave the client a checkable contract that nothing moved.
In dark UIs, elevation communicates better through stepped surface tones than shadows, shadows die on dark backgrounds.
Web3 credibility is restraint: one confident accent beats gradients and glow. The green accent was budgeted, not sprayed.
Goals & Objectives
Preserve the existing information architecture and user flows exactly.
Introduce a dark, NFT-native visual language with restrained accents.
Keep dense analytics legible in dark mode.
Deliver screens the development team can adopt module by module.
Process
Every key module was first rebuilt as a low-fidelity wireframe to lock 1:1 parity with the shipped product, an explicit contract that only the skin would change. The dark theme was then applied in high fidelity, tuning contrast and hierarchy for the platform’s analytics-heavy views, and packaged so each module could be adopted independently.
Wireframes
Key Design Decisions
1. Re-document before re-design
Wireframing a product that already exists looks redundant; it isn’t. The wireframe set became the parity contract with the client, every high-fidelity screen could be checked against it, and drift was caught at review instead of after release.
2. Elevation by surface, not shadow
The dark system builds depth through stepped surface tones instead of drop shadows, which lose meaning on dark backgrounds. Cards, popovers and navigation each own a surface level, a rule the development team could apply mechanically without a designer in the loop.
3. One accent, spent carefully
The green accent marks exactly two things: primary actions and positive metrics. Everything else holds to neutral surfaces. In a category saturated with neon gradients, restraint is what reads as professional, and it kept the theme subtle enough to feel like the same product, evolved.
The Solution
Dashboard analytics: total revenue, top-performing NFTs, fan engagement, creator tips and refund requests.
Discover: creator and user profiles with follow actions.
NFT management: create, manage and view NFTs with quick tips and learning resources.
Community hub: threads, polls and engagement around drops.
Events: event analytics and a full engagement calendar.
High Fidelity
Results & Impact
The client received a complete dark theme at one-to-one parity across five modules, adoptable component by component, with zero flow changes for existing users. The wireframe parity set doubles as documentation their team continues to build against.
Reflections
What worked: treating wireframes as a parity contract, it turned a subjective restyling into a checkable deliverable.
What I’d do differently: involve the client’s developers in the surface-step system a sprint earlier; some elevation tokens were renamed during implementation.
What I’d validate next: whether returning users perceive the re-themed product as “the same app, better”, the entire premise of the brief.
More Projects
CLIENT PROOF
Nick Simmons
founder of JAH creative design agency
Having Lawrence work under my agency made me money as an efficient designer he is, helped me retain my status as a Top 4% upwork agency and I can't be any less proud of him. Under me he learnt framer just so we could get more jobs and he delivered.
Loong Pancoast
CEO of DriveOn
Lawrence is a professional through and through. He has been an absolute pleasure to work with, taking in account all of our needs while meeting expectations. I would 100 percent recommend Lawrence for any developmental design needs. If you are hesitating, don't, you won't regret it.
Drew Levin
Co-founder of SideShift
Lawrence worked hand in hand with me and Nick Lawton to get the first version of our site out the door, staying flexible through every change we needed. His cooperation is a big reason we could launch on time and begin major operations. A designer who listens closely and delivers.
08:01
UI / UX Design
View design file →
Untitled UI: NFT Creator Dashboard
A subtle NFT-inspired dark theme for an existing creator platform, analytics, NFT management, discovery, community and events in one dashboard.
Year :
2025
Industry :
Web3 · Creator Platforms
Client :
Developer client (live product)
Project Duration :
1 Week
Role :
Freelance Lead Designer
Team :
Solo designer × client development team
Tools :
Figma
Platform :
Web
View more shots in the gallery →
Snapshot
Product: A dark, NFT-native theme for a live creator platform spanning analytics, NFT management, discovery, community and events.
Client: A developer client with a shipped product and active users.
My role: Freelance lead designer, product audit, wireframe re-documentation, dark theme system, high-fidelity screens.
Delivered: Five modules re-themed at 1:1 flow parity, adoptable by the client component by component.
Project Health
Overview
The client had something most redesign briefs don’t: a working product. Their creator platform handled NFT management, analytics and community, but its neutral visual language said nothing to the Web3 audience it served. The brief was surgical: integrate a subtle NFT dark theme into the existing design without disturbing what was already shipped.
That framing makes this a study in restraint. The value of the work is measured not only by how the product looks, but by how little of the client’s engineering investment it invalidates.
Before The Redesign
This was a redesign engagement: the client already had a live creator platform in production. Rather than a blank-canvas build, the work started from their existing product and integrated a subtle NFT-native dark theme on top of it, preserving every shipped flow.
Treating the current interface as the before made parity the whole point, the redesign had to read as ‘the same product, evolved,’ not a replacement. The original screens are the reference every high-fidelity screen was checked against.
5
Core modules themed
1:1
Parity with existing flows
10+
Dashboard screens
The Problem
A full redesign would have reset user habits and burned shipped code. Doing nothing left the product visually anonymous in a category where identity is currency. The theme had to feel native to Web3 while behaving as a drop-in evolution of the current interface.
How do we make a live product feel native to Web3, without breaking a single flow its users already know?
Constraints
Strict 1:1 parity: every existing flow, hierarchy and interaction stays, only the visual layer moves.
Component-by-component adoptability: the client’s team needed to ship the theme incrementally, not as a big-bang release.
Analytics legibility: dense revenue and engagement data had to survive the move to dark surfaces.
Research & Insights
The work began with an audit of the live product, a contrast study for dark data-visualization surfaces, and a teardown of Web3 platforms’ visual language, what signals “native” versus what reads as crypto kitsch. Key findings:
Parity had to be provable, not promised, re-documenting existing flows as wireframes gave the client a checkable contract that nothing moved.
In dark UIs, elevation communicates better through stepped surface tones than shadows, shadows die on dark backgrounds.
Web3 credibility is restraint: one confident accent beats gradients and glow. The green accent was budgeted, not sprayed.
Goals & Objectives
Preserve the existing information architecture and user flows exactly.
Introduce a dark, NFT-native visual language with restrained accents.
Keep dense analytics legible in dark mode.
Deliver screens the development team can adopt module by module.
Process
Every key module was first rebuilt as a low-fidelity wireframe to lock 1:1 parity with the shipped product, an explicit contract that only the skin would change. The dark theme was then applied in high fidelity, tuning contrast and hierarchy for the platform’s analytics-heavy views, and packaged so each module could be adopted independently.
Wireframes
Key Design Decisions
1. Re-document before re-design
Wireframing a product that already exists looks redundant; it isn’t. The wireframe set became the parity contract with the client, every high-fidelity screen could be checked against it, and drift was caught at review instead of after release.
2. Elevation by surface, not shadow
The dark system builds depth through stepped surface tones instead of drop shadows, which lose meaning on dark backgrounds. Cards, popovers and navigation each own a surface level, a rule the development team could apply mechanically without a designer in the loop.
3. One accent, spent carefully
The green accent marks exactly two things: primary actions and positive metrics. Everything else holds to neutral surfaces. In a category saturated with neon gradients, restraint is what reads as professional, and it kept the theme subtle enough to feel like the same product, evolved.
The Solution
Dashboard analytics: total revenue, top-performing NFTs, fan engagement, creator tips and refund requests.
Discover: creator and user profiles with follow actions.
NFT management: create, manage and view NFTs with quick tips and learning resources.
Community hub: threads, polls and engagement around drops.
Events: event analytics and a full engagement calendar.
High Fidelity
Results & Impact
The client received a complete dark theme at one-to-one parity across five modules, adoptable component by component, with zero flow changes for existing users. The wireframe parity set doubles as documentation their team continues to build against.
Reflections
What worked: treating wireframes as a parity contract, it turned a subjective restyling into a checkable deliverable.
What I’d do differently: involve the client’s developers in the surface-step system a sprint earlier; some elevation tokens were renamed during implementation.
What I’d validate next: whether returning users perceive the re-themed product as “the same app, better”, the entire premise of the brief.
More Projects
CLIENT PROOF
Nick Simmons
founder of JAH creative design agency
Having Lawrence work under my agency made me money as an efficient designer he is, helped me retain my status as a Top 4% upwork agency and I can't be any less proud of him. Under me he learnt framer just so we could get more jobs and he delivered.
Loong Pancoast
CEO of DriveOn
Lawrence is a professional through and through. He has been an absolute pleasure to work with, taking in account all of our needs while meeting expectations. I would 100 percent recommend Lawrence for any developmental design needs. If you are hesitating, don't, you won't regret it.
Drew Levin
Co-founder of SideShift
Lawrence worked hand in hand with me and Nick Lawton to get the first version of our site out the door, staying flexible through every change we needed. His cooperation is a big reason we could launch on time and begin major operations. A designer who listens closely and delivers.
08:01
UI / UX Design
View design file →
Untitled UI: NFT Creator Dashboard
A subtle NFT-inspired dark theme for an existing creator platform, analytics, NFT management, discovery, community and events in one dashboard.
Year :
2025
Industry :
Web3 · Creator Platforms
Client :
Developer client (live product)
Project Duration :
1 Week
Role :
Freelance Lead Designer
Team :
Solo designer × client development team
Tools :
Figma
Platform :
Web
View more shots in the gallery →
Snapshot
Product: A dark, NFT-native theme for a live creator platform spanning analytics, NFT management, discovery, community and events.
Client: A developer client with a shipped product and active users.
My role: Freelance lead designer, product audit, wireframe re-documentation, dark theme system, high-fidelity screens.
Delivered: Five modules re-themed at 1:1 flow parity, adoptable by the client component by component.
Project Health
Overview
The client had something most redesign briefs don’t: a working product. Their creator platform handled NFT management, analytics and community, but its neutral visual language said nothing to the Web3 audience it served. The brief was surgical: integrate a subtle NFT dark theme into the existing design without disturbing what was already shipped.
That framing makes this a study in restraint. The value of the work is measured not only by how the product looks, but by how little of the client’s engineering investment it invalidates.
Before The Redesign
This was a redesign engagement: the client already had a live creator platform in production. Rather than a blank-canvas build, the work started from their existing product and integrated a subtle NFT-native dark theme on top of it, preserving every shipped flow.
Treating the current interface as the before made parity the whole point, the redesign had to read as ‘the same product, evolved,’ not a replacement. The original screens are the reference every high-fidelity screen was checked against.
5
Core modules themed
1:1
Parity with existing flows
10+
Dashboard screens
The Problem
A full redesign would have reset user habits and burned shipped code. Doing nothing left the product visually anonymous in a category where identity is currency. The theme had to feel native to Web3 while behaving as a drop-in evolution of the current interface.
How do we make a live product feel native to Web3, without breaking a single flow its users already know?
Constraints
Strict 1:1 parity: every existing flow, hierarchy and interaction stays, only the visual layer moves.
Component-by-component adoptability: the client’s team needed to ship the theme incrementally, not as a big-bang release.
Analytics legibility: dense revenue and engagement data had to survive the move to dark surfaces.
Research & Insights
The work began with an audit of the live product, a contrast study for dark data-visualization surfaces, and a teardown of Web3 platforms’ visual language, what signals “native” versus what reads as crypto kitsch. Key findings:
Parity had to be provable, not promised, re-documenting existing flows as wireframes gave the client a checkable contract that nothing moved.
In dark UIs, elevation communicates better through stepped surface tones than shadows, shadows die on dark backgrounds.
Web3 credibility is restraint: one confident accent beats gradients and glow. The green accent was budgeted, not sprayed.
Goals & Objectives
Preserve the existing information architecture and user flows exactly.
Introduce a dark, NFT-native visual language with restrained accents.
Keep dense analytics legible in dark mode.
Deliver screens the development team can adopt module by module.
Process
Every key module was first rebuilt as a low-fidelity wireframe to lock 1:1 parity with the shipped product, an explicit contract that only the skin would change. The dark theme was then applied in high fidelity, tuning contrast and hierarchy for the platform’s analytics-heavy views, and packaged so each module could be adopted independently.
Wireframes
Key Design Decisions
1. Re-document before re-design
Wireframing a product that already exists looks redundant; it isn’t. The wireframe set became the parity contract with the client, every high-fidelity screen could be checked against it, and drift was caught at review instead of after release.
2. Elevation by surface, not shadow
The dark system builds depth through stepped surface tones instead of drop shadows, which lose meaning on dark backgrounds. Cards, popovers and navigation each own a surface level, a rule the development team could apply mechanically without a designer in the loop.
3. One accent, spent carefully
The green accent marks exactly two things: primary actions and positive metrics. Everything else holds to neutral surfaces. In a category saturated with neon gradients, restraint is what reads as professional, and it kept the theme subtle enough to feel like the same product, evolved.
The Solution
Dashboard analytics: total revenue, top-performing NFTs, fan engagement, creator tips and refund requests.
Discover: creator and user profiles with follow actions.
NFT management: create, manage and view NFTs with quick tips and learning resources.
Community hub: threads, polls and engagement around drops.
Events: event analytics and a full engagement calendar.
High Fidelity
Results & Impact
The client received a complete dark theme at one-to-one parity across five modules, adoptable component by component, with zero flow changes for existing users. The wireframe parity set doubles as documentation their team continues to build against.
Reflections
What worked: treating wireframes as a parity contract, it turned a subjective restyling into a checkable deliverable.
What I’d do differently: involve the client’s developers in the surface-step system a sprint earlier; some elevation tokens were renamed during implementation.
What I’d validate next: whether returning users perceive the re-themed product as “the same app, better”, the entire premise of the brief.
More Projects
CLIENT PROOF
Nick Simmons
founder of JAH creative design agency
Having Lawrence work under my agency made me money as an efficient designer he is, helped me retain my status as a Top 4% upwork agency and I can't be any less proud of him. Under me he learnt framer just so we could get more jobs and he delivered.
Loong Pancoast
CEO of DriveOn
Lawrence is a professional through and through. He has been an absolute pleasure to work with, taking in account all of our needs while meeting expectations. I would 100 percent recommend Lawrence for any developmental design needs. If you are hesitating, don't, you won't regret it.
Drew Levin
Co-founder of SideShift
Lawrence worked hand in hand with me and Nick Lawton to get the first version of our site out the door, staying flexible through every change we needed. His cooperation is a big reason we could launch on time and begin major operations. A designer who listens closely and delivers.
08:01