Hello Stranger
Open for work — —
About Me
About Me Front End Developer & UI UX Designer

Dimitris

  • Introduction
  • Experience
  • Stack

Status

Open for work

Responds within 8 hours (max 24)

Dimitris Orfanos

Hey, I’m Dimitris

Front End Developer & UI UX Designer

UI/UX & Product Designer turned Front End Developer, with 5 years of experience in Figma, Webflow, Framer, Illustrator and Photoshop. I blend design with functionality and a keen eye for detail — and with AI-assisted tooling I take designs from Figma all the way to production-ready front end.

Athens, Greece Responds within 8 hours (max 24)
5+
Years of experience
4
Selected case studies
2×
Design + development
1
Partner from Figma to launch

Experience

  1. UI Designer

    2025 — Present

    Extenly Current

  2. UI UX & Product Designer

    2024 — 2025

    Polihome

  3. UI UX Mid-Senior

    2023 — 2024

    Flynt

  4. UI UX & Graphic Designer

    2022 — 2023

    Istopolis Group

  5. Junior Designer

    2020 — 2022

    Sigmie

Stack

Design

  • Figma
  • Framer
  • Webflow
  • Illustrator
  • Photoshop

Code

  • HTML & CSS
  • JavaScript
  • TypeScript
  • Tailwind CSS
  • Astro
  • React
  • Git

AI-assisted

  • Claude Code
  • Cursor
  • v0
Projects
Projects 5 items

Favourites

Tags

  • Product Design
  • Front End
  • E-Commerce
  • SaaS

Selected work — design, product and front end

5 items
Corob EvoService
Corob EvoService UI UX · Application
Corob EvoService logo

Corob EvoService

UI UX · Application

View Figma

A service platform for Corob’s industrial dispensing machines — turning field-service chaos into a single, calm interface.

Role
UI UX & Product Designer
Stack
Figma, Design System, Prototyping, User Research

Overview

EvoService is the platform Corob technicians use to keep industrial dispensing equipment running. The brief was blunt: the people using it are on a factory floor, often in gloves, often in a hurry, and the old tool made them think too hard.

I mapped the full service journey — ticket intake, machine diagnostics, part ordering and the report that closes the loop — then rebuilt the interface around the three things a technician actually does in the first ten seconds of opening it.

The result is a dense, information-first application that still feels quiet: strong hierarchy, a restrained palette, and a component library that let the engineering team ship new screens without coming back to me for every one.

What I did

  • End-to-end UX research and service-journey mapping
  • Information architecture for the technician dashboard
  • High fidelity UI across desktop and tablet
  • Reusable design system and component documentation

Selected work

Full case study

Scroll to explore
Machine configuration and maintenance history

Machine configuration and maintenance history

Technicians upload a test file, select a technology profile, resume incomplete diagnostics and review completed maintenance.

Guided system check

Guided system check

A clear nine-stage diagnostic flow keeps technicians oriented while the machine runs each check.

Critical error recovery

Critical error recovery

Validation failures are grouped with machine context, timestamps and direct retry or comment actions.

Comments across every diagnostic step

Comments across every diagnostic step

Technicians can review, add and manage service notes without leaving the guided workflow.

Stirring and canister inspection

Stirring and canister inspection

Structured fault selection and corrective-action checks scale across every colorant circuit.

RapRewind
RapRewind UI UX · E-Commerce
RapRewind logo

RapRewind

UI UX · E-Commerce

View case study
Request Figma file for this project. Due to NDA, I can’t share it publicly.

Store and brand home for a rap-history YouTube channel — designed and built end to end.

Role
Designer & Front End Developer
Stack
Figma, HTML & CSS, JavaScript, E-Commerce

Overview

RapRewind is a YouTube channel about the history of rap, and its audience wanted merch. What they had was a link in a bio and no place that felt like the channel.

I designed the whole thing around the channel’s visual language — heavy type, high contrast, archival texture — and made sure the storefront never got in the way of the music. Product pages are short, the cart is two taps, and the whole thing is built mobile-first because that’s where the audience lives.

This one I also built. Design and front end were the same job, which meant the shipped site is exactly the file, down to the letter-spacing.

What I did

  • Brand-led art direction for the storefront
  • Full e-commerce UX — catalogue, product, cart, checkout
  • Mobile-first responsive UI
  • Front end build and launch

Selected work

Full case study

Scroll to explore
RapRewind full project case study
Foxy
Foxy UI UX · SaaS · Front End
Foxy logo

Foxy

UI UX · SaaS · Front End

Visit live site
Request Figma file for this project. Due to NDA, I can’t share it publicly.

Brand, product design and front end for an always-on analyst that watches a business and explains what changed.

Role
Product Designer & Front End Developer
Stack
Figma, Astro, Tailwind CSS, Design System

Overview

Foxy monitors a store, its customers, products, ads, inventory and margins around the clock. It connects Shopify or WooCommerce with sources such as GA4, Meta Ads, Google Ads, Klaviyo, shipping, returns and payments.

The experience turns that data into direct answers: what changed, why it likely happened and what to do next. It also surfaces proactive alerts, so teams can respond without searching through a reporting maze.

I shaped the brand, marketing site and product interface, then carried the system into the front end. Working across all three kept the friendly Foxy identity and the analytical product experience consistent.

What I did

  • Brand identity and visual language
  • Marketing site design and front end build
  • Product UI for the conversational analytics interface
  • Design system spanning marketing and product

Selected work

Full case study

Scroll to explore
Meet Foxy

Meet Foxy

The live product story introduces an always-on analyst through a direct, conversational answer.

One analyst across every source

One analyst across every source

Store, marketing, analytics and operations data connect into one understandable system.

One analyst for every signal

One analyst for every signal

The dedicated features page frames Foxy as a single analyst across commerce, customers, advertising, inventory, margins and operations.

Product comparison with a useful conclusion

Product comparison with a useful conclusion

Foxy weighs demand, order value, margin, ratings, returns and repeat purchases, then assigns each product the right strategic role.

Connected business signals

Connected business signals

The integrations directory makes Foxy’s cross-source coverage visible without turning the experience into another reporting maze.

A complete investigation flow

A complete investigation flow

The demo moves from asking a question to tracing evidence, comparing performance and recommending the next action.

Simple beta pricing

Simple beta pricing

A focused single-plan page keeps the commercial story as direct as the product experience.

NavyBlue
NavyBlue UI UX · Product Design · Travel
NavyBlue logo

NavyBlue

UI UX · Product Design · Travel

Visit navy-blue.com
Request Figma file for this project. Due to NDA, I can’t share it publicly.
Now live navy-blue.com After more than a year of design work, the platform is live and taking bookings.

A clearer digital booking journey for private cruises, sea transfers and island-hopping across Greece.

Role
UI UX & Product Designer
Stack
Figma, Adobe Photoshop, Adobe Illustrator

Overview

NavyBlue offers private and semi-private cruises, sea transfers and island-hopping experiences around the Greek islands. The product needed to make several similar-looking services easy to understand before asking a traveller to commit.

I separated direct transfers from multi-island journeys, mapped the full booking flow, and designed the responsive screens around the decisions that matter most: route, dates, passengers, vessel and price.

The work also extended into the partner side of the platform, with onboarding journeys for skippers, marinas and experience providers, all held together by a fresh maritime visual identity and a reusable UI system.

After more than a year of design work the platform is live at navy-blue.com, running the full booking journey, destination guides and partner onboarding in production.

What I did

  • Service definition for direct and multi-island transfers
  • End-to-end booking flow across desktop and mobile
  • Visual identity, typography and UI system
  • Partner discovery and onboarding experiences

Selected work

Full case study

Scroll to explore
Cruises in Milos

Cruises in Milos

The landing moment leads with the water itself, then gets out of the way — one promise, one action, no competing offers.

Four services, one comparable card

Four services, one comparable card

Private, semi-private, sea transfers and multi-island cruises share a single card format, so guests, duration, crew and starting price line up and can actually be compared.

Private vs semi-private, said plainly

Private vs semi-private, said plainly

The two easiest services to confuse get an editorial section each, defining what the traveller is actually buying before any price appears.

Direct transfers split from island-hopping

Direct transfers split from island-hopping

Separating a point-to-point sea transfer from a round-trip multi-island voyage was the core structural decision of the project.

A map that does the explaining

A map that does the explaining

An illustrated chart of Milos, Kimolos and Poliegos turns a list of unfamiliar place names into a route a visitor can picture.

Proof, as an interface

Proof, as an interface

Guests carried, cruises performed, nautical miles and top destinations are presented as a live dashboard rather than decorative marketing numbers.

Reviews built for scanning

Reviews built for scanning

A dense, evenly weighted review wall — each card readable on its own, with ratings carried through from Google, Tripadvisor and GetYourGuide.

Full design case study

Full design case study

The complete Behance board: identity, typography, UI system, booking flow and the partner-side onboarding journeys behind the live product.

BookCraft
BookCraft UI UX · Desktop Application
BookCraft logo

BookCraft

UI UX · Desktop Application

Read case study
Request Figma file for this project. Due to NDA, I can’t share it publicly.

A custom booking-management desktop tool that turns complex theme-cruise operations into one clear daily workspace.

Role
UI UX & Product Designer
Stack
Figma, Qt 6, Desktop Application, Data Visualization

Overview

BookCraft was created for the US-based operator behind Mediterranea Metal Cruise, a multi-night music cruise around the Greek islands. Their internal workflow had to coordinate bookings for guests, artists and staff alongside cabin allocation, occupancy, add-ons, costs and budgets.

The team already received booking data from online systems, but managing it internally still required too much manual work across separate places. I helped shape that workflow into a focused desktop application that non-technical users could understand at a glance.

Users select an event year, then move into a practical dashboard showing booked and available cabins, reservation details, occupancy categories and financial status. The result replaces repetitive manual tracking with a faster, clearer operational tool built for the way the cruise team actually works.

What I did

  • Workflow analysis and information architecture
  • Year-based booking and cabin-management experience
  • Operational dashboard for reservations and availability
  • Budget, cost and financial-overview interfaces
  • Polished desktop UI prepared for Qt 6 implementation

Selected work

Full case study

Scroll to explore
Custom booking management tool

Custom booking management tool

A desktop experience designed around cruise operations rather than a generic admin template.

Main dashboard overview

Main dashboard overview

Bookings, cabin availability and operational numbers remain visible in one year-based workspace.

Booking and cabin management

Booking and cabin management

A focused reservation flow for guests, staff, cabin categories, occupancy and add-ons.

Budget and cost overview

Budget and cost overview

Financial visibility across cabin costs, operational expenses and the selected cruise edition.

Gallery
Gallery 6 images

Selected projects, identities and digital work

6 items
Phoenix Designs
Phoenix Designs Brand Identity · Web Design
Elixir Studios Website
View project
Elixir Studios Website UI UX · Web Design
AlphaRad Brand Design
View project
AlphaRad Brand Design Brand Identity
Possina Logo Design
View project
Possina Logo Design Logo Design · Brand Identity
Polihome
View project
Polihome E-Commerce · UI Design
Wayers
View project
Wayers Travel · Web Design
Reel
Reel How I work

My process

Four steps, no surprises — from the first call to the launched site.

  1. 01

    Discovery Call

    We talk about the problem, the users and the deadline. No brief templates, just a real conversation.

  2. 02

    Sketch & Wireframing

    Low fidelity first. We agree on structure and flow before a single pixel gets polished.

  3. 03

    High Fidelity Design

    The real thing in Figma — components, states, responsive breakpoints, the full system.

  4. 04

    Build & Launch

    I turn the file into working front end code, test it on real devices, and ship it.

Contact
Contact Let’s talk

Let’s skip the fluff and talk about how I can make your project shine with real, impactful design.

Open for work Responds within 8 hours (max 24)
Book a 30-min call The fastest way to start. Pick a slot that works for you. Send an email orf_@outlook.com
orf_@outlook.com

Elsewhere

LinkedIn Behance Upwork

Based in Athens, Greece · Working with teams everywhere.

Aegeanicons
Aegeanicons 168 handcrafted icons
Aegeanicons logo

168 icons

Designed with care, not generated

A searchable community icon library made by hand, with outlined and filled variants inspired by Greek digital life and the character of the Aegean.

Open in Figma Visit live site

Two styles

Outlined and filled variants for flexible product use.

Built for Figma

A community file ready to search, copy and adapt.

Greek character

Local references meet familiar interface essentials.

Aegeanicons live library introduction and first icon row

A library made to be explored

Search the collection, switch styles and copy an SVG directly from the live site.

Aegeanicons outlined icon grid

Consistent from utilities to Greek references

The set brings one visual rhythm to navigation, commerce, documents and locally specific symbols.

Kind Words
Kind Words 2 items

Kind words

People I've worked with, in their own words.

“Dimitrios was an excellent fit for our project. He delivered high-quality work and collaborated closely with our team to achieve the desired result. We’d definitely work with him again!”
Alexandra Betouni Alexandra Betouni CEO @Extenly · Qt Champion & Developer · Author
“Dimitrios was great to work with! He created a very nice looking website for me for a fair price.”
@RapRewind @RapRewind Owner of YouTube Channel · RapRewind
Stack
Stack Tools I use daily

dimitris@portfolio ~ % ls stack/

Design/

Where the thinking happens

  • Figma
  • Framer
  • Webflow
  • Illustrator
  • Photoshop

Code/

Where it becomes real

  • HTML & CSS
  • JavaScript
  • TypeScript
  • Tailwind CSS
  • Astro
  • React
  • Git

AI-assisted/

Where it gets fast

  • Claude Code
  • Cursor
  • v0

dimitris@portfolio ~ %

Resume.pdf
Resume.pdf Preview

Page 1 of 1

Request PDF

Dimitris Orfanos

Front End Developer & UI UX Designer

orf_@outlook.com · dimitrisorfanos.com · Athens, Greece

Profile

UI/UX & Product Designer turned Front End Developer, with 5 years of experience in Figma, Webflow, Framer, Illustrator and Photoshop. I blend design with functionality and a keen eye for detail — and with AI-assisted tooling I take designs from Figma all the way to production-ready front end.

Experience

  • UI Designer

    2025 — Present

    Extenly

  • UI UX & Product Designer

    2024 — 2025

    Polihome

  • UI UX Mid-Senior

    2023 — 2024

    Flynt

  • UI UX & Graphic Designer

    2022 — 2023

    Istopolis Group

  • Junior Designer

    2020 — 2022

    Sigmie

Services

Front End Development · Figma to Real · UI/UX Design · Product Design · Web Design · Brand Identity · Design Consulting

Tools

Figma · Framer · Webflow · Illustrator · Photoshop · HTML & CSS · JavaScript · TypeScript · Tailwind CSS · Astro · React · Git · Claude Code · Cursor · v0

Music
>
Ⅱ All Songs
The Smiths · The Queen Is Dead
MENU

Trial Version

To play another song, you need to unlock the full version of Dimitris Orfanos. This is just a trial.

Article
Article Attention Insight · May 22, 2026
Why good design matters — Dimitris Orfanos interview See the article
Why Good Design Matters • Interview

Iterative design process — interview with Dimitris Orfanos

By Gabriela Stankevic · Attention Insight

Dimitris talks about building a design career through consistency, learning Photoshop at sixteen, moving into video, and eventually finding UI/UX and web design during the COVID era.

“Improvements are often better introduced step by step rather than through drastic shifts.”

— Dimitris Orfanos

A self-taught path into UI/UX

What began as teenage experimentation in Photoshop grew into video editing and, later, focused study in web and interface design. Daily practice and persistent outreach to Thessaloniki’s advertising and digital agencies turned that curiosity into a profession.

Attention heatmap applied to one of Dimitris Orfanos's designs
Visual attention analysis applied to earlier design work.

Visual impact opens the door

Strong visual presence is often the first thing that earns attention. Function and meaning still matter, but the eye needs a clear invitation before the rest of the experience can work.

Change works better in steps

A radical e-commerce redesign became a lasting lesson: even the right idea can fail when it asks a successful business to change too much at once. Iteration creates space for trust and learning.

Editorial design work by Dimitris Orfanos Interface and editorial design work by Dimitris Orfanos

AI, overlap and better workflows

AI is already part of Dimitris’s idea and prototyping process. Its deeper value is bringing designers, developers and art directors closer together — less separation between roles and more shared momentum.

The advice he would give his younger self is equally practical: stop over-engineering files too early, work efficiently, build a visible professional presence, and share consistently.

Selected web design work by Dimitris Orfanos

The complete interview also covers client collaboration, defining success and the working habits that shaped Dimitris’s design process.

Upwork
Upwork Top Rated freelancer
Upwork

Available on Upwork

Dimitrios O.

Product Designer · Front-End Developer · AI-Powered Product Builder

View Upwork profile

100%

Job Success

Top Rated

Upwork status

5.0

Client rating

13

Total jobs

622

Total hours

Freelance profile

A verified profile covering product design, UI/UX and production-ready front-end development.

Dimitrios Orfanos Upwork profile showing Top Rated status and client metrics

Current public profile preview with work history, feedback and availability.

Open on Upwork
Behance
Behance Creative portfolio
Behance

Behance Pro

1 completed job

Dimitris Orfanos

UI/UX Designer · Front-End Developer · AI-Powered Product Builder

View Behance profile
Available for freelance & full-time Athens, Greece
2,640
Project views
373
Appreciations
190
Followers
128
Following

Selected work

Product design, UI/UX, web design and visual identity.

Verified on LinkedIn
Elixir Studios Website

Elixir Studios Website

38 appreciations · 204 views

RapRewind Product Design

RapRewind Product Design

15 appreciations · 129 views

AlphaRad Brand Design

AlphaRad Brand Design

18 appreciations · 92 views

Public Behance profile with services, work history, client reviews and the complete project archive.

Open on Behance