Serhii.Orlenko

Serhii Orlenko

UI/UX Designer

Product Design • Web & Mobile

I design clear interfaces and bring a practical understanding of how they’re built. My work combines UX/UI design, responsive web experiences, and hands-on Webflow implementation.

Serhii Orlenko in blue bandana and glasses
Serhii Orlenko UI/UX & Product Design

01 / Selected Work

Projects & Design Decisions

Selected projects across mobile interfaces, responsive web design, and Webflow implementation. Explore the user problems and the deliberate design decisions behind each solution.

iOS Product Design UX/UI Case Study
Concept & Prototype

TachoBook — Shift Logging & Rest-Time App for EU Drivers

An offline-first mobile UX/UI case study exploring manual shift logging and break tracking for commercial truck drivers navigating complex EU driving-time regulations.


Problem & Context

Strict EU tachograph driving-time rules carry heavy fines for mistakes. Commercial drivers need an immediate, error-proof tool usable during short cabin breaks.

My Role

UX/UI Designer — Information architecture, user flows, low-to-high-fidelity wireframes, iOS design system tokens, and interactive Figma prototyping.

Key Design Decision

Engineered high-contrast touch targets and glanceable color-coded status rings to guarantee legibility and error prevention under direct sun or night cabin light.

Domain Insight

Informed by firsthand commercial trucking experience in Europe, grounding ergonomics and interaction speed in authentic driver workflows.

View case study on Behance Behance Case Study · Figma Prototype
TachoBook iOS shift logging app mockup showing daily driver limits and break tracking interfaces
Web App Product Design Design System
Design Prototype & Tokens

SpendiQ — Personal Finance & Budget Motivation App

A UX/UI case study for a responsive budgeting web application focused on expense categorization, visual allowance feedback, and financial habit reinforcement.


Problem & Context

Complex spreadsheets cause tracking fatigue, while existing apps emphasize historical guilt over encouraging mindful day-to-day spending choices.

My Role

UX/UI Designer — Competitive analysis (YNAB, Monarch, PocketGuard), user persona, customer journey mapping (CJM), and design system tokens based on Preline.

Key Design Decision

Prioritized a "safe daily spending allowance" on the primary dashboard over raw account balances, reducing user anxiety and clarifying daily spending limits.

Design Artifacts

Delivered interactive Figma prototypes, component library tokens, and complete responsive layouts optimized for mobile and desktop screens.

View case study on Behance Behance Case Study · Responsive Web App
SpendiQ personal finance and budget motivation web app displayed on desktop monitor
Web Design Information Architecture Webflow CMS
Shipped Commercial Website

C-Octopus — Machine Vision Systems Website & Catalogue

Owned the end-to-end redesign and launch of a machine-vision company website, from branding and information architecture to a CMS-based product catalogue with dynamic search.


Problem & Context

An industrial machine-vision manufacturer needed to clearly present high-tech optical inspection systems to global B2B clients and manufacturing engineers.

My Role

UI/UX Designer & Webflow Developer — Information architecture, responsive layout design, CMS catalogue structure, and full production implementation.

Key Design Decision

Organized complex technical hardware specifications into a clean, searchable CMS product catalogue with intuitive category filters and comparison sheets.

Technical Scope

Webflow CMS architecture, performant asset delivery, custom interactive states, and technical SEO structure for international B2B discovery.

Visit live website Live Production Website · Webflow CMS
C-Octopus machine vision solutions website mockup on desktop display
Brand Identity UX/UI Design Webflow
Launched Commercial Website

SimplePrint — Print-on-Demand Platform Website

Designed and launched the public-facing brand and responsive product website from scratch, covering branding, UX/UI, reusable components, and Webflow implementation.


Problem & Context

A new print-on-demand service needed an inviting brand identity and a friction-free website to guide creators from inspiration to customized product setup.

My Role

UI/UX Designer & Webflow Developer — Complete brand identity, customer journey flows, UI design, reusable component library, and Webflow build.

Key Design Decision

Designed high-clarity visual product cards and straightforward category entry points to shorten the steps between product discovery and starting an order.

Implementation

Modular Client-First Webflow implementation featuring responsive typography, smooth interactive states, and high performance across devices.

Visit live website Live Commercial Website · Brand & UI
SimplePrint on-demand merchandise platform website shown on desktop monitor
Responsive Web UI Redesign Design System
Design Specification & Mockups

CoastalNest Realty — Property Platform Redesign

A comprehensive visual redesign for a real estate agency website, emphasizing clear visual hierarchy and a consistent property search experience across all screen sizes.


Problem & Context

The existing website suffered from cluttered listing layouts, low visual contrast, and inconsistent browsing behavior on tablet and mobile screens.

My Role

UI Designer — Brand identity refresh, competitor analysis, typography hierarchy, responsive grid system, and developer-ready Figma handoff mockups.

Key Design Decision

Replaced dense property tables with high-impact visual cards and a mobile-friendly sticky filter bar for swift neighborhood and price filtering.

Deliverables

Comprehensive design system tokens, tablet and mobile responsive adaptations, and development-ready Figma component specifications.

View case study on Behance Behance Case Study · UI Specifications
CoastalNest Realty coastal property website redesign mockup on desktop display
Web Design Information Architecture Webflow
Shipped Commercial Website

Fresno Samurai Arts — Martial Arts School Website

End-to-end UX/UI and Webflow project for a traditional martial arts school, taking the site from structure and wireframes to responsive design and launch.


Problem & Context

A traditional martial arts academy required an authentic digital presence that respected cultural heritage while clearly explaining class tiers and enrollment.

My Role

UI/UX Designer & Webflow Developer — Site architecture, wireframes, custom visual design, responsive layouts, and Webflow implementation.

Key Design Decision

Implemented an editorial layout pairing evocative imagery with clear schedule breakdowns and prominent trial class actions to boost prospective student signups.

Implementation

Semantic Webflow build adhering to Client-First conventions, custom interactive animations, Google Tag Manager integration, and technical SEO.

Visit live website Live Commercial Website · Webflow
Fresno Samurai Arts martial arts school website interface mockup on desktop screen

02 / About Me

Design Approach & Background

My commercial background is grounded in client projects, combining human-centered interface design with hands-on Webflow implementation. I work across the design process: user flows, wireframes, high-fidelity prototypes, responsive layouts, and reusable component libraries.

I am focused on joining a product team where I can contribute to long-term digital products, with a particular passion for web and mobile/iOS experiences.

Before transitioning into design and tech, my years working as a commercial driver across Europe provided me with practical, firsthand understanding of real-world operational ergonomics — the direct foundation behind my TachoBook case study.

Because I write HTML, CSS, and JavaScript, I design with a realistic appreciation for engineering feasibility, layout mechanics, and web performance.

Hard Skills

  • UX Research
  • Competitor Analysis
  • User Flows
  • Information Architecture
  • Wireframing
  • Prototyping
  • UI Design
  • Responsive / Adaptive Design
  • Design Systems
  • Component Libraries
  • Web Design
  • Mobile UI
  • Design Handoff

Tools

  • Figma
  • FigJam
  • Webflow
  • Relume
  • Adobe Photoshop
  • Adobe Illustrator

Additional Technical Skills

  • HTML / CSS
  • JavaScript
  • Swift / SwiftUI
  • Responsive Layouts
  • Web Accessibility

Soft Skills

  • Client Communication
  • Problem Solving
  • Ownership
  • Collaboration
  • Adaptability

Languages

  • English (Upper-Intermediate)
  • Polish (Fluent)
  • Ukrainian (Native)

03 / Track Record

Commercial Track Record & Feedback

A solid track record of commercial freelance delivery for international clients, combining dependable communication with attention to quality.

100%
Job Success Score on Upwork
39
Total Jobs Delivered on Upwork
Top Rated
Freelance Track Record

“Serhii is a great designer and Webflow developer. Communicative, proactive, and delivered high quality work on time.”

Verified Upwork Client

“Exceptional attention to detail and great problem solving skills. Highly recommended for any web and UI design project.”

Verified Upwork Client
View Upwork Profile & Reviews

04 / Get in Touch

Let’s talk about your team

I’m actively looking for UI/UX and Product Design opportunities where I can contribute to thoughtful web and mobile experiences.

Need a copy of my CV or want to discuss a project? Feel free to reach out directly via email or connect with me on LinkedIn.