Content Engine
Content Engine is a subscription-based content service tailored for tech brands looking to stay consistent, relevant, and memorable on social media
(Client)
2002live
(TIMELINE)
3 weeks
(SERVICES)
UI/UX Design
Framer development
(challenges)
Content Engine is a subscription-based content service tailored for tech brands looking to stay consistent, relevant, and memorable on social media. The goal was to design and build a high-impact landing page that clearly communicates the value, differentiators, and packages of the service while maintaining a modern, trustworthy, and energetic visual tone.
🧩 My Role
UX Research & Strategy
Figma Design (Wireframes to High-Fidelity)
Framer Development
Responsive Design Implementation
Animations & Micro-interactions
(SOLUTION)
🎯 Objectives
Communicate Content Engine’s unique value clearly.
Simplify the selection of subscription plans.
Build trust through testimonials and detailed processes.
Create a scalable, reusable system for updates and future content add-ons.
Ensure fast load times and seamless mobile experience.
(SOLUTION)
✍️ Design Process
1. Discovery & Research
Studied the behavior of Content Engine’s ideal customers—tech founders and marketing teams. Reviewed successful content service sites and identified areas where consistency and clarity matter most.
2. Wireframes & Content Planning
Outlined clear, conversion-focused user flows:
Hook
Value Proposition
Packages
Testimonials
Add-ons
Contact CTA
(SOLUTION)
3. Visual Design in Figma
Crafted a modern, bold visual system using a modular layout. Leveraged:
High contrast type
Clean whitespace
Familiar color psychology for urgency (limited spots, timelines)
Modular card-based components
(SOLUTION)
4. Framer Development
Pixel-perfect replication of the Figma design
Seamless responsiveness across all breakpoints
Micro-animations to guide user attention
Scroll-triggered transitions for storytelling flow
(SOLUTION)
(result)
