๐—œ๐—ฐ๐—ฒ ๐—–๐—ฟ๐—ฒ๐—ฎ๐—บ ๐—˜-๐—–๐—ผ๐—บ๐—บ๐—ฒ๐—ฟ๐—ฐ๐—ฒ ๐—›๐—ฒ๐—ฟ๐—ผ ๐—ฆ๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป by Nina Dehtiarenko๐—œ๐—ฐ๐—ฒ ๐—–๐—ฟ๐—ฒ๐—ฎ๐—บ ๐—˜-๐—–๐—ผ๐—บ๐—บ๐—ฒ๐—ฟ๐—ฐ๐—ฒ ๐—›๐—ฒ๐—ฟ๐—ผ ๐—ฆ๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป by Nina Dehtiarenko

๐—œ๐—ฐ๐—ฒ ๐—–๐—ฟ๐—ฒ๐—ฎ๐—บ ๐—˜-๐—–๐—ผ๐—บ๐—บ๐—ฒ๐—ฟ๐—ฐ๐—ฒ ๐—›๐—ฒ๐—ฟ๐—ผ ๐—ฆ๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป

Portfolio project
Nina Dehtiarenko
๐—œ๐—ฐ๐—ฒ ๐—–๐—ฟ๐—ฒ๐—ฎ๐—บ ๐—˜-๐—–๐—ผ๐—บ๐—บ๐—ฒ๐—ฟ๐—ฐ๐—ฒ ๐—›๐—ฒ๐—ฟ๐—ผ ๐—ฆ๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป - Dynamic & Interactive UI
๐ŸŽฏ Central Axis & Overflow Effect: The hero pistachio cone sits strictly in the center to establish a strong vertical axis. Overlapping the bold background typography adds 3D depth and brings the product to life.
โญ• Concentric / Radial Navigation: The subtle orbital ring guides the user's eye in a loop around the cone, using floating benefit badges ("100% plant-based", "Zero sugar", "Dairy-free") to highlight core product attributes.
โš–๏ธ Structured Chaos & White Space: Asymmetrically arranged buttons, tags, and cards create dynamic visual energy, perfectly balanced by generous light-grey background spacing.
๐ŸŽจ Interactive Flavor Filtering: The top-left flavor selector dynamically adapts the page's color scheme, visual assets, and content based on the selected flavor (active: Pistachio).
๐Ÿฑ Bento Grid Layout: Rounded bottom modules ("People's Choice 2026" and "New flavor") structure secondary information cleanly without cluttering the main screen.
๐Ÿ”ค Typography & Palette: High-contrast pairing of an ultra-wide display font with refined details, complemented by pistachio green accents, a deep olive CTA button, and neutral background tones. Which specific aspect of design interests you the most โ€” the Figma layout development, the UI/UX solutions, or the branding concept?

0 likes ยท 11 views ยท Aug 18, 2026

๐—œ๐—ฐ๐—ฒ ๐—–๐—ฟ๐—ฒ๐—ฎ๐—บ ๐—˜-๐—–๐—ผ๐—บ๐—บ๐—ฒ๐—ฟ๐—ฐ๐—ฒ ๐—›๐—ฒ๐—ฟ๐—ผ ๐—ฆ๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป - Dynamic & Interactive UI ๐ŸŽฏ Central Axis & Overflow Effect: The hero pistachio cone sits str...

Tags