Open for work · Athens, Greece
Dimitris Orfanos
Front End Developer & UI UX Designer
I craft intuitive UI’s, thoughtful user experiences, and well-designed products — then I build them.
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.
- 5+
- Years of experience
- 4
- Selected case studies
- 2×
- Design + development
- 1
- Partner from Figma to launch
Experience
-
UI Designer
2025 — Present
Extenly Current
-
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
Stack
Design
- Figma
- Framer
- Webflow
- Illustrator
- Photoshop
Code
- HTML & CSS
- JavaScript
- TypeScript
- Tailwind CSS
- Astro
- React
- Git
AI-assisted
- Claude Code
- Cursor
- v0
Selected work — design, product and front end
5 items
Corob EvoService
UI UX · Application
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
Screens
RapRewind
UI UX · E-Commerce
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
Foxy
UI UX · SaaS · Front End
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
Meet Foxy
The live product story introduces an always-on analyst through a direct, conversational answer.
One analyst across every source
Store, marketing, analytics and operations data connect into one understandable system.
NavyBlue
UI UX · Product Design · Travel
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.
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
BookCraft
UI UX · Desktop Application
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
Custom booking management tool
A desktop experience designed around cruise operations rather than a generic admin template.
Main dashboard overview
Bookings, cabin availability and operational numbers remain visible in one year-based workspace.
Booking and cabin management
A focused reservation flow for guests, staff, cabin categories, occupancy and add-ons.
Budget and cost overview
Financial visibility across cabin costs, operational expenses and the selected cruise edition.
Shots, explorations and work in progress
9 itemsMy process
Four steps, no surprises — from the first call to the launched site.
- 01
Discovery Call
We talk about the problem, the users and the deadline. No brief templates, just a real conversation.
- 02
Sketch & Wireframing
Low fidelity first. We agree on structure and flow before a single pixel gets polished.
- 03
High Fidelity Design
The real thing in Figma — components, states, responsive breakpoints, the full system.
- 04
Build & Launch
I turn the file into working front end code, test it on real devices, and ship it.
Let’s skip the fluff and talk about how I can make your project shine with real, impactful design.
Based in Athens, Greece · Working with teams everywhere.
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.
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.
A library made to be explored
Search the collection, switch styles and copy an SVG directly from the live site.
Consistent from utilities to Greek references
The set brings one visual rhythm to navigation, commerce, documents and locally specific symbols.
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 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 Owner of YouTube Channel · RapRewind 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 ~ %
Page 1 of 1
Request PDFDimitris 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
Trial Version
To play another song, you need to unlock the full version of Dimitris Orfanos. This is just a trial.
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.”
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.
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.
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.
The complete interview also covers client collaboration, defining success and the working habits that shaped Dimitris’s design process.
Available on Upwork
Dimitrios O.
Product Designer · Front-End Developer · AI-Powered Product Builder
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.
Current public profile preview with work history, feedback and availability.
Open on Upwork