Kokotide Studio Portfolio Website

Kokotide Studio is my personal website — a reflection of my design philosophy and technical skill in building fast, responsive, and interactive digital experiences.

For this project, I handled both the design (in Figma) and the development (in Webflow). The goal was to create a modern, lightweight, and visually balanced site that showcases my work while demonstrating best practices in design, performance, and SEO.

As both the designer and developer, my goal was to create a portfolio website that:

Captures my brand identity with a clean, minimal yet engaging design

Is lightweight and fast-loading without compromising animation quality

Adapts beautifully across all devices and screen sizes

Is SEO-optimized and structured for visibility and accessibility

Features smooth interactions and animations that enhance the browsing experience

Serves as a proof of concept for my Figma-to-Webflow workflow and mastery of the Client-First system

I began by designing the website in Figma, focusing on a clean grid structure, intuitive navigation, and balanced whitespace for an elegant, modern aesthetic.

Once the design was finalized, I developed it in Webflow using the Client-First system to ensure consistent, scalable class naming and effortless future updates.

Key implementations:

Custom design system translated directly from Figma to Webflow

Optimized performance and lightweight build for fast load times

Fully responsive layout across all device breakpoints

On-page SEO optimization, including semantic tags, meta titles, and image alt attributes

Smooth animations and micro-interactions to enhance user experience

Clear structure and reusability of components for easy scalability

The final website is a clean, fast, and visually engaging portfolio that represents both my design style and technical ability.

✅ Designed and developed from scratch ✅ Lightweight and performance-optimized ✅ Fully responsive across devices ✅ SEO-ready with proper structure ✅ Sleek animations and transitions ✅ Built using the Client-First system

The result is a modern, professional, and interactive personal site that not only serves as my digital identity but also as a live showcase of my Webflow and design capabilities.

Figma (UI/UX Design)

Webflow (Client-First System)

Responsive Design

SEO Optimization

Webflow Animations & Interactions

If you’re looking for a designer-developer who can handle both Figma design and Webflow development, I can help you craft a site that’s not only visually stunning but also optimized for speed, SEO, and conversions.