ODK Media's website was a single landing page with outdated content and no design guidelines to support the company's growing brand.
The company had recently refreshed its brand identity, but the existing website didn't reflect it. There was no scalable structure for adding new content, and no design system to ensure consistency as the team grew.
1. Expand the website from a single page to a multi-page structure with seamless responsive experience across devices.
2. Introduce the refreshed brand identity with a design system that ensures visual consistency and long-term scalability.
I started with a sitemap to define content hierarchy and identify reusable components across pages.
The website needed to serve multiple teams (Ads, Content, Investor Relations) with different content needs. Mapping out the full structure helped me understand what each page required and where components could be shared.
I built a design system to translate the new brand identity into reusable, scalable components.
With no existing design guidelines to reference, I proposed building a design system from scratch. Working with the brand designer, we defined foundational styles (typography, color, spacing) and developed reusable components that could scale across all pages.
I designed and built the full website in Webflow, ensuring the design system carried through to production.
I collaborated across Ads, Content, and leadership to align the site with business goals, then implemented the designs in Webflow. The design system made development significantly faster, as I could reuse components without rebuilding them for each page.
Outcome
The design system became the foundation for all future ODK Media digital products.
The redesigned website successfully launched with a cohesive brand experience across all pages and devices. The design system I built improved collaboration between designers and engineers, and established consistent naming conventions that made building and updating the website much more efficient.
This project shifted my perspective from designing individual pages to designing systems that support multiple stakeholders and long-term scalability.