Custom Next.js
Doodl Space
Creative Subscription Platform
A custom Next.js website developed from Figma designs for a subscription creative service, covering design, motion graphics and video editing.
Visit website
Doodl Space
Figma-to-Next.js development · Responsive website implementation
Figma / Next.js / React / Tailwind CSS
01 / The brief
Built around
the business.
Translate the supplied Figma designs into a responsive Next.js website that introduces Doodl Space’s creative services and makes the path from exploring the work to starting a conversation clear.
02 / The story & screens
From the idea.
Into the details.
A clear first impression
The homepage introduces design, motion and video services through a bold opening, a work preview and direct calls to action. The custom Next.js implementation carries the supplied Figma design into the browser.
Let the work lead
The portfolio brings different creative formats together with category navigation and image-led layouts. Visitors can explore the range of work before moving to a demo or pricing.
Make the process visible
A four-step section explains brand setup, submitting requests, tracking progress and reviewing deliverables. Clear labels and visual examples help visitors understand how the service works.
Carry the design across screens
The mobile layout keeps the headline, navigation and primary actions easy to find. Responsive implementation adapts the supplied design to smaller screens while retaining its typography and colour hierarchy.
03 / What we built
The work, delivered.
- Custom Next.js development from supplied Figma designs
- Responsive desktop, tablet and mobile layouts
- Service and portfolio sections with category navigation
- Four-step workflow presentation
- Pricing options, FAQs and demo links
