ABOUT ME
About Clofel Creates ♡
A little space where art, code, and creativity
come together ♥
Hi, I'm Clofel Mae Campugan 🌻
I currently work as a Financial Planning Assistant, but outside of that, I create content and build things I genuinely love — from art to websites — across platforms like TikTok, Facebook, Instagram, and YouTube.
Clofel Creates started from a simple thought:
“Why make separate websites for my portfolio and shop... when I can just combine them?”
So I did — and this became a space where I can showcase my work as a developer, sell my creations, and accept art commissions all in one place ✨
My current role
Financial Planning
Assistant
♡
My Creative Journey 🎨
I started drawing back in high school, and began doing portrait commissions in college.
Over time, my art evolved into:
- Charcoal portraits
- Chibi illustrations
- Personalized gifts
And now, I'm exploring:
- Cute digital products
- Sticker bundles
- Prints and creative merchandise
Because honestly... I just love making things
that make people smile.
</> Developer Side ♡
Before all this, I also worked as a Frontend Developer, building websites and working on different projects.
Right now, I:
- Build personal projects
- Continuously improve my skills
- And currently learning Node.js
So whether it's art or code —
I enjoy bringing ideas to life.
✦ Art & Tech Ecosystem ✦
Creative Toolkit& Tech Stack
The studio gear, software, and development technologies I use every day to bring illustrations and web projects to life.
iPad Pro & Procreate
My primary canvas for character sketches, pastel portraits, and cute chibi stickers.
Clip Studio Paint
Specialized for crisp vector lineart, textured brushes, and print-ready illustration layouts.
Silhouette Cameo 4
Precision cutter used to produce die-cut stickers, kiss-cut sheets, and custom bookmarks.
Figma
Where website wireframes, component libraries, and interactive prototypes are crafted first.
Adobe Creative Suite
Photoshop and Illustrator for CMYK prep, packaging vector files, and logo design.
Next.js & React 19
Building blazing-fast server-rendered websites, e-commerce stores, and responsive portfolios.
TypeScript
Ensures bulletproof code quality and end-to-end type safety between client and backend APIs.
Tailwind CSS
Custom aesthetic themes, fluid responsive layouts, and delightful micro-animations.
NestJS & PostgreSQL
Robust server architecture, Prisma ORM, automated order management, and secure APIs.
Bridging Handcrafted Artistry with Modern Engineering
Because I design and code simultaneously, there is zero disconnect between the visual dream and technical reality. I turn imaginative illustrations and cute ideas into pixel-perfect, lightning-fast digital experiences.
✦Professional Experience✦
Financial Planning Assistant
Current RoleFocused on data, reporting, analysis, and helping drive business decisions.
Frontend Developer
Previous Role- Built responsive and user-friendly websites
- Worked on multiple client and personal projects
Freelance & Personal Projects
- Portfolio websites
- Creative web designs
- Ongoing learning and development
A Little More About Me ♡
Thank You! 💕
Thank you so much for being here and supporting what I do. It truly means the world!
You can support me by:Buying from my shop
Requesting a commission
Following me on social media
Liking, sharing & leaving a comment
Every bit of support helps me keep creating! ✦
Let's create something amazing together! ♡