Senior designer & developer

Design, code,
Branding and Motion

Athens · Available immediately · Open to full-time roles and contracts

Design system01 / Foundations
Typography Aa
HalantDisplay / EditorialManropeInterface / Body
Core palette
#2B180A
#9BBF88
#E8D3C0
8pt gridAA contrast
Career guidance homepage

15+ years
Across teams and projects

In-house at e-shop.gr

How does a rewards programme fit into everyday shopping? I explored the journey from the e-shop storefront to an account overview, wallet and missions. Here’s what each part needs to do, and the choices behind the designs.

Product UX/UI · Storefront + member area · Design proposal

Shopping01 / 04

Rewards start in the shop.

The first question is simple: what do I get from shopping here? LOOP needs to answer it before someone opens their account.

I added a My LOOP entry, a balance summary and reward prompts beside products. The familiar e-shop storefront stays the starting point.

Why here?

A rewards programme is easier to discover when it appears in the shopping journey.

Proposed storefront integration with LOOP balance and product reward prompts
Shopping · Design proposal
Overview02 / 04

Make the balance mean something.

A points total needs context. The overview puts the available balance, its money value and tier progress in the same place.

In the example account, 735 LP appears beside 7,35 €. Pending points and progress sit below, with routes to the wallet and missions.

The decision

Show what points are worth, then help the member choose what to do next.

LOOP overview showing available points, their value and tier progress
Overview · Design proposal
Wallet03 / 04

From points to a discount.

Once someone knows their balance, the next question is how to use it. The wallet brings value, activity and redemption together.

Available, pending and expiring points have separate places. A transaction history explains the balance; example amounts make redemption more concrete.

The decision

Keep usable points distinct from points that are still pending.

LOOP wallet showing point value, transaction history and redemption amounts
Wallet · Design proposal
Missions04 / 04

Give people a clear next step.

Missions introduce other ways to earn points. Each one needs a specific action, a visible reward and a clear completion state.

The examples include collecting from an e-shop point and adding a device to My Setup. Progress counters distinguish an active mission from a completed one.

The decision

Show the action and its reward together, with progress that is easy to follow.

LOOP missions showing actions, rewards, progress and completion states
Missions · Design proposal

One system, across four screens.

The same points, value and progress need to make sense from one screen to the next. These designs establish that direction; earning rules, checkout integration and mobile flows still need validation.

Account values, transactions and rewards are illustrative.
Explore the full case study ↗
Motion · Video

An idea.
Set in motion.

Selected motion studies, visual loops and video. Type, pacing and movement working together.

01 / Motion design · reference
02 / Video editingScissors trim a filmstrip and the remaining frames reconnect
03 / Logitech G305 · AI concept
04 / Coffee · motion reference
05 / Intro · motion study
06 / Lime · motion reference
Branding · Identity

The details.
One identity.

Selected identity explorations: lettering, artwork, type and colour. Scroll through the foundations.

Explore the identity
Black Loop script wordmark on a golden yellow background01 / Loop wordmark

Loop · lettering study.

02 / WordmarkΣμέουρο florist logo

Σμέουρο · brand identity.

03 / Identity conceptHeart and tooth combined into a logo, with the construction shown below

Heart + tooth.

White paper bag with the Ειδικοί Ποινικοί Νόμοι identity printed on its front04 / Packaging

Ειδικοί Ποινικοί Νόμοι.

05 / TypographyAa

Halant & Geist

Expressive headlines.
Clear, purposeful details.

ABCDEFGHIJKLM
nopqrstuvwxyz
0123456789
06 / Colour system

Grounded.
With a little warmth.

Cream / Sage / Ink

I design it. I build it. I make it move.

Odysseas KartasisDesigner · Developer · Motion Designer
Selected websites

Four projects.
Different perspectives.

HTML · CSS · JavaScript

About Career

A clearer route through career guidance.

About Career main interfaceAbout Career supporting interface
UX/UI · Front-endExplore project
HTML · CSS · JavaScript

314 LTD.

Six consulting disciplines. One connected platform.

314 LTD. main interface314 LTD. supporting interface
Strategy · UX/UI · Front-endExplore project
Framer

Mikri Arktos

Property, place and an easier booking path.

Mikri Arktos main interfaceMikri Arktos supporting interface
Creative direction · Web designExplore project
Framer

Pet Universe

A clearer shop for browsing and repeat orders.

Pet Universe main interfacePet Universe supporting interface
UX/UI · PrototypingExplore project
Explore all work
What I bring together

Four disciplines, one
coherent experience.

Most teams split this across several people and handoffs. I keep design, build and motion connected, so the idea survives from the first wireframe to the final frame. I use Claude and Codex to prototype and debug faster; the design decisions stay mine.

01

Brand & Web Design

Identity · UI · UX

  • Framer
  • Figma
  • Illustrator
  • Photoshop
02

Creative Development

Frontend · Interaction

  • HTML/CSS/JS
  • WordPress
  • Git
03

Motion Design

Animation · Brand motion

  • After Effects
  • Jitter
  • Framer
04

Video Creation & Editing

Editing · Titles · Sound

  • Premiere
  • DaVinci Resolve
  • After Effects
Experience

Experience across every
stage of the work.

I’m a designer and creative developer based in Athens. Over 15+ years, I’ve worked in agencies, independently and in-house, across web, brand, motion, video and print.

2023 – Presente-shop.gr

Current role

Senior Designer

Designing and supervising websites, landing pages, brand materials, video and social content for e-shop.gr campaigns and the wider shopping experience.

  • Web
  • Brand
  • Motion
  • Campaigns
15+

Years creating

digital products, brand systems, campaigns and motion-led experiences.

2021 – 2023invetec.eu

Web Designer / Developer

Designed and developed four websites for vehicle solutions, alongside product videos and 3D models.

2017 – 2020Independent

Freelance Designer

Designed, developed and maintained websites directly for clients.

2009 – 2017Early career
  1. 2015 – 2017Big Bang

    Web design and digital advertising.

  2. 2013 – 2015Alma & Partners

    Web development and branding.

  3. 2010 – 2013Pagiaslis

    Textile and print design.

  4. 2009 – 2010Green Graphics

    Graphics and web design.

FAQ

Before we work together.

Useful answers for recruiters, studios and companies considering me for a role, contract or embedded collaboration.

Creative developer, design engineer, senior web designer or multidisciplinary digital designer roles. Small and mid-size agencies, e-commerce teams and startups are a strong fit because I can stay involved from direction through delivery.

Yes. I’m open to the right full-time role, focused contracts and freelance engagements. Clear ownership, good communication and work where craft and usefulness matter are the priorities.

I work independently or alongside design, product and marketing teams. I clarify the brief, share rough work early, explain decisions and hand over organised files and a reusable system.

Yes. My work spans brand systems, responsive interfaces, HTML/CSS/JavaScript and WordPress builds, Framer prototypes, motion and video. The exact combination follows the brief; each case study makes my role clear.

For design I use Figma, Framer, Illustrator and Photoshop. For development: HTML, CSS, JavaScript, WordPress and Git. For motion and video: After Effects, Jitter, Premiere and DaVinci Resolve. I choose the combination that fits the work.

I’m based in Athens. Include the team’s location and remote, hybrid or on-site arrangement in your message so we can discuss the fit.

I’m available immediately for the right role or collaboration.

Senior designer & creative developer
Athens · Available immediately

Hiring, or have
a project?

Email is the quickest way to reach me.

odysseaskart@gmail.comLinkedIn
What would you like to discuss?

Opens your email app with these details. You review and send it.

Motion study