Projects using CSS in KyivProjects using CSS in Kyiv
Projects
People
Cover image for POPS (https://pops.com.ua/) Candy eCommerce Website
POPS (https://pops.com.ua/) Candy eCommerce Website Redesign. Designed and developed a modern, visually engaging eCommerce website for a confectionery brand focused on increasing customer trust, improving product discovery, and strengthening online sales potential. Project Highlights: -Full custom website design -Conversion-focused homepage structure -Mobile-responsive user experience -Product category optimization -Brand-centered visual identity -SEO-ready architecture -Improved customer journey and navigation -Business-oriented design for both B2C and B2B inquiries Goals: -Strengthen digital brand presence -Improve product presentation -Increase customer engagement -Create scalable infrastructure for future growth Result: A polished, modern online store designed to combine emotional branding with strategic sales performance — delivering a stronger customer experience while supporting long-term business expansion. Tools & Workflow: Weblium / Custom Design / UX/UI / Responsive Development / SEO Structure / AI-assisted workflow
1
2
180
Cover image for Design-to-code handoff becomes fragile when
Design-to-code handoff becomes fragile when the mapping disappears between the component and the browser. For this concept workflow, I kept the implementation evidence connected from source to output: — the component anatomy stays tied to semantic HTML — the 24 px spacing token becomes --space-6: 24px — the primary CTA remains a real <a href="#scope"> link — the same structure is checked at 1440, 1024, and 390 px The signature element is the mapping spine. It links each Figma decision to its DOM, CSS, and responsive proof, making the handoff inspectable instead of presenting a generic “design turns into code” montage. This is self-initiated concept work using synthetic content, not a client result. It demonstrates the evidence trail I use when translating a supplied Figma landing page into responsive HTML and CSS. Case study: https://contra.com/p/YA6oNr7l-concept-component-mapping-to-responsive-htmlcss
1
23
Cover image for Responsive bugs rarely announce themselves
Responsive bugs rarely announce themselves at the desktop breakpoint.For this concept audit, I treated the landing page as an evidence trail rather than a cosmetic before-and-after:— breakpoint defects marked with redlines— overflow and contrast issues separated from layout noise— keyboard focus checked alongside visual hierarchy— every finding recorded in a compact QA ledger with a clear statusThe signature element is the red inspection trace. It connects each finding to the viewport and interface detail where the defect appears, so the recommended fix is reproducible rather than subjective.This is self-initiated concept work built with synthetic content, not a client result. It demonstrates the process I use for focused landing-page audits and responsive fixes.Case study: https://contra.com/p/sUb7M6oY-concept-breakpoint-evidence-and-landing-page-qa
1
27