You will get Visual Identity → Design System & UI
Project details
You will get a modern, token-driven design system that makes product and marketing look like the same company. I set up color, type, spacing and grids, build reusable UI components, and provide clear Figma docs with developer-ready specs
Main Type
Mobile Apps, Web AppsFile Format
OtherWhat's included
| Service Tiers |
Starter
$1,000
|
Standard
$2,500
|
Advanced
$5,000
|
|---|---|---|---|
| Delivery Time | 3 days | 5 days | 10 days |
Number of Pages | 1 | 3 | 6 |
Number of Revisions | 1 | 2 | 3 |
Source Files | |||
Commercial Use | |||
Convert to HTML/CSS | - | - | - |
Responsive Design | - | ||
Interactive Mockup | - | - |
Optional add-ons
You can add these on the next page.
Fast Delivery
+$500 - $1,000
Convert to HTML/CSS
(+ 5 Days)
+$2,500
WCAG AA Accessibility Report
(+ 1 Day)
+$500
Dark Mode Theme Pack
(+ 2 Days)
+$1,000
Additional Revision Round
(+ 1 Day)
+$250About Oles
Front-End React Developer | Designer | Three.JS | GSAP
Barcelona, Spain - 12:18 pm local time
With 10+ years bridging design and engineering, I build high-quality websites and web apps where visual identity, UX, and code architecture work as one system. From design systems to website rebuilds, everything ships in focused 1 to 4-week sprints — fast, reliable, and production-ready.
🧠 𝗗𝗲𝘀𝗶𝗴𝗻-𝗗𝗿𝗶𝘃𝗲𝗻 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁
• Building component-based systems in React / Next.js / TypeScript with clean architecture and design-system logic
• Integrating motion and micro-interactions with Framer Motion, ThreeJS & GSAP
• Creating scalable setups with headless CMS (Sanity, Strapi, WordPress Headless)
• Building modern WordPress themes with Gutenberg blocks and custom ACF components
• Implementing automated testing, performance optimization, and SSR for speed and SEO
🎨 𝗗𝗲𝘀𝗶𝗴𝗻 𝗘𝘅𝗽𝗲𝗿𝘁𝗶𝘀𝗲
• Translating brand identities into functional, coded design systems (tokens, grids, UI kits)
• Crafting visual identities, typography, and motion language ready for web and product use
• Collaborating with leading design studios and type foundries
⚙️ 𝗧𝘆𝗽𝗶𝗰𝗮𝗹 𝗪𝗼𝗿𝗸
• Corporate & marketing websites
• E-commerce (Shopify, Stripe integrations)
• Web apps & internal tools
• Design systems & Storybook libraries
• Visual identity & custom typefaces
🏆 𝗥𝗲𝗰𝗲𝗻𝘁 𝗛𝗶𝗴𝗵𝗹𝗶𝗴𝗵𝘁𝘀
⚡️ ᴄʟᴏᴜᴅꜱᴍɪᴛʜ
Software-package-management leader ($23 M raised).
Together with Design Systems International, I built new pages, animations, and modular components powered by React / Next.js, Framer Motion, GSAP, and Sanity CMS.
⚡️ ᴛᴀᴜʙᴍᴀɴ ᴄᴏʟʟᴇɢᴇ (ᴜɴɪᴠᴇʀꜱɪᴛʏ ᴏꜰ ᴍɪᴄʜɪɢᴀɴ)
With Studio Es, I modernized a large academic website, migrating legacy templates to a new WordPress theme with custom Gutenberg blocks and ACF fields while preserving its visual heritage.
💡 𝗖𝗼𝗿𝗲 𝗧𝗲𝗰𝗵
Next.js · React · TypeScript · Tailwind CSS · Three.js · Framer Motion · GSAP
Sanity · Strapi · WordPress (Headless / Gutenberg) · Shopify · Stripe
Node.js · GraphQL · Zustand · Redux · Jest · Testing Library
Steps for completing your project
After purchasing the project, send requirements so Oles can start the project.
Delivery time starts when Oles receives requirements from you.
Oles works on your project following the steps below.
Revisions may occur after the delivery date.
Kickoff & Discovery
Quick call, gather assets and goals, review current UI or brand, align scope and success criteria
System Plan & Audit
Define tokens, components, and layout needs. Confirm priorities