LQDO

Overview

‍

Role: Solo Developer & Visual Designer

‍

Period: Spring 2022

‍

Company: LQDO — A personal web portfolio crafted to reflect both who I am and what I can create.

‍

LQDO is my self-built creative playground — a fully custom portfolio site designed to showcase my skills across content, campaigns, design, and media. I handled every element from concept to execution: sketching wireframes in Procreate, designing layout flows in Figma, animating icons with Lottie + JSON, and coding responsive breakpoints that adapt perfectly to desktop, tablet, and mobile.

‍

I implemented CMS collections for easy content updates, created embedded SVGs for scalable visuals, and fine-tuned visual rhythm and animation across each section to keep the experience light and engaging — all while optimizing for performance and scroll feel.

‍

1WORKFLOW
2
3🧠 Layout Sketching                            → 🎨 Design System in Figma                            → 🖼 Logo & Visual Assets                            → 🧩 Animation Integration                       → 💻 Webflow Build & CMS
4Drafted section flow and UX ideas in              Built full layout components in Figma                  Created logo, SVGs, and assets in Photoshop and       Used LottieFiles to export JSON animations        Developed the site in Webflow using CMS for 
5Procreate with mobile in mind                     for desktop and responsive states                      Lottie-compatible files                               and implement microinteract                       flexible content population

‍

‍

Key Contributions

‍

Responsive Web Design

‍

Designed and developed fluid layouts for all screen sizes (desktop, tablet, mobile) with custom breakpoints and real-device testing.

‍

CMS & Structure Planning

‍

Built CMS structures in Webflow to make each portfolio entry manageable and scalable — with field logic for conditional visuals.

‍

Logo & Brand Identity

‍

Created the “LQDO” brand mark using Photoshop and Figma, including scalable SVG exports and favicon.

‍

Motion & Interactions

‍

Animated elements using Lottie + JSON files (custom edited) and Webflow’s native animation system for subtle transitions.

‍

Toolset Mastery

‍

Figma for layout, Procreate for sketching, Photoshop for visuals, LottieFiles for motion, Webflow for dev — full pipeline, start to finish.

‍

"Building this site was more than a portfolio — it was a chance to bring everything I love together. Every frame, interaction, and animation is a reflection of how I think, design, and grow."

‍