Kostiantyn Petrenko's Work | ContraWork by Kostiantyn PetrenkoKostiantyn Petrenko
Good solutions start with the right questions
Personal Growth Mentoring — Website Design
A modern, editorial-style website concept for a personal growth mentor, designed to communicate trust, clarity, and confidence while helping visitors understand mentoring services and take the next step toward personal development.
The project focuses on three key goals:
Brand identity: A distinctive visual direction combining elegant typography, high-contrast layouts, professional photography, and vibrant magenta accents to create a memorable personal brand.
User experience: Clear content hierarchy, structured service information, transparent pricing, and an intuitive layout that helps visitors explore the mentoring approach and find the right program.
Conversion-focused design: Strategic calls to action, clearly presented mentoring packages, and an informative FAQ section that guides visitors toward booking their first session.
The result is a responsive website concept that balances expressive visual design with practical functionality, creating a professional digital presence that builds trust and makes mentoring services easier to explore.
Services: UX/UI Design, Web Design, Visual Design
Tools: Figma Valery — Psychology Blog Website Design
A modern, editorial-style website concept for a psychology blog, designed to make complex psychological topics accessible, engaging, and easy to explore. The design combines bold typography, minimal layouts, and a clear content structure to create a comfortable reading experience.
The project focuses on three key goals:
Content accessibility: A structured article catalog with clear categories covering emotions, self-knowledge, relationships, trauma, and mental health, helping readers easily discover relevant topics.
User experience: Intuitive navigation, distraction-free article layouts, and responsive design to make long-form content comfortable to read across devices.
Interactive engagement: Self-reflection tests with personalized results, encouraging visitors to explore their emotions, behaviors, and psychological patterns.
The result is a responsive psychology blog concept that combines expressive editorial design with practical functionality. A consistent visual system, thoughtful content hierarchy, and interactive elements create an engaging space for learning, reading, and self-discovery. Gravitation — Fitness Studio Website Design
A bold, modern website concept for a fitness studio, designed to communicate energy, movement, and strength while keeping the user experience clear and intuitive.
The project focuses on three key goals:
Brand identity: A distinctive visual system with strong typography, dynamic imagery, and contrasting colors.
User experience: Clear navigation, structured class information, schedules, and trainer details to help visitors find the right workout.
Conversion-focused design: Strategic calls to action that guide visitors toward exploring classes and signing up.
The result is a responsive website concept that combines expressive visual design with practical functionality, making it easier for visitors to discover classes and take the next step.
Services: UX/UI Design, Web Design, Visual Design
Tools: Figma SkillBoxed — Mobile-First EdTech Landing Page
A UX/UI design concept for an online learning platform focused on short, practical courses and trusted certifications.
The goal was to make course discovery simple, communicate the platform's value clearly, and create a smooth experience across mobile and desktop.
The design focuses on:
Mobile-first, responsive layouts
Clear content hierarchy and intuitive navigation
Easy course discovery and pricing comparison
Conversion-focused sections and calls to action
Trust-building elements throughout the user journey
Tools: Figma
Services: UX/UI Design, Web Design, Responsive Design 
