No-Code Marketing Website

OCP

Marketing Website

A rapid one-week design sprint to launch a scalable marketing

presence for a developer-focused platform.

A rapid one-week design sprint to launch a scalable marketing presence for a developer-focused platform.

Company

CodeHall

Platform

Web and Mobile

Role

Sole Product Designer

Timeline

1 Week

The Challenge

OCP had no public-facing presence.
The challenge was to create a modern, trustworthy marketing site that clearly communicated the platform’s purpose, under a tight timeline.

Goals

🎯 Establish a clear visual identity

🎯 Establish a clear visual identity

🎯 Establish a clear visual identity

🧩 Create a scalable design system

🧩 Create a scalable design system

🧩 Create a scalable design system

💻 Ensure developer-friendly delivery

💻 Ensure developer-friendly delivery

💻 Ensure developer-friendly delivery

⚡ Maintain clarity and visual energy

⚡ Maintain clarity and visual energy

⚡ Maintain clarity and visual energy

Theme Exploration

tested multiple palettes to evaluate emotional tone, accessibility, and brand fit ensuring flexibility across both web and product.

tested multiple palettes to evaluate emotional tone, accessibility, and brand fit — ensuring flexibility across both web and product.

Themes tested on the landing page

Two typographic systems were explored to balance clarity with brand presence.
The final combination used display-driven headings with geometric body text for a bold yet readable interface.

Final Design Direction

The final direction merged confidence and clarity, aligning the product’s modern tech tone with a scalable design system.

Developer Collaboration

The site was developed on Replit ($25 workspace) for live previews and version control.
I managed the developer QA and ensured pixel-perfect delivery.

Outcome

✅ Launched a functional marketing site in under a week


✅ Delivered reusable design tokens and scalable structure


✅ Established visual consistency between product and marketing


✅ Supported developers with efficient handoff and QA

Reflection

Designing under a one-week constraint emphasized clarity, collaboration, and fast iteration.


This project solidified my approach to building design systems that scale fast while staying visually distinctive.

Create a free website with Framer, the website builder loved by startups, designers and agencies.