SPOC Studio – Website design Facebook Apps Games 2D 3D Animation Concepts Online Strategy

A DAY AT THE OFFICE

We are an award winning full service design studio
that can handle all of your advertising and communication needs,
from websites and applications, to games, character design and animation.

Take a look at our portfolio to see what SPOC is all about.

We are passionate about details. Every pixel is where it should be.

Every design we do serves a reason. Every project we undertake is an online experience.

We are dedicated to what we do and we love our job.

Let's work together!

THE TEAM

WE'RE A SMALL, FRIENDLY AND TALENTED TEAM. WE CRAFT BEAUTIFUL DIGITAL SOLUTIONS FOR AWESOME CLIENTS ACROSS ALL THE PLATFORMS.

Stavros Papadakis

(aka spdd) has been working in the web design area since 1997.

Co-Founded em(phaze) web design agency, then worked as Art Director at HellasNet, OgilvyOne Worldwide Athens and Creative Director at Forthnet Interactive Marketing. Stavros has a BA degree on Graphical Design & 2D Animation from Columbia College Chicago.

Αlso:
Father, husband, reads books, plays music (bass, guitar, piano, bouzouki), rides a bike, loves to walk, occasionaly paints, animation enthusiast.

Odysseas Kontis

(aka odycody) has been working as a web designer since 2000.

He worked full time at em(phaze) web design agency, then at YellowNet Road, OgilvyOne Worldwide Athens and at Forthnet Interactive Marketing.
Odysseas has graduated from AKTO, focusing on Computer Graphics and Animation.

Αlso:

Father, husband, plays music (guitar, drums, bass), bbq lover, star wars fan, CS:GO player, beer aficionado.

Chris Ropokis

(aka ropox) has been working as programmer since 2001.

Account Director/web Marketing Manager at Geointelligence and since 2009 as a member of the SPOC Team, while owner of Baldpixel and co-founder of myVenue.gr.
Chris has a Bsc(Hons) Software Engineering and an Msc in Multimedia Communications.

Αlso:
Father, husband, tech enthusiast, codes for fun, loves anything that has to do with space, loves internet and its potential, likes rock music and one never gets bored around him (ok, kind of personal view).

Iordanis Aslanoglou

(aka jordan) has been working as a web designer since 2000.

He worked full time at suntech as web designer, then at Can Communications, YellowNet Road, OgilvyOne Worldwide Athens, Zenteam and at Tribal DDB Athens.
Iordanis has graduated from IEK Xini, focusing on Multimedia.

Αlso:
Husband, swimmer, cyclist and old motorbikes lover (author on Best Cars Guide).

Tilted Content Slideshow

This slider plays with 3D perspective and performs some interesting animations on the right-hand side images.
CSS Animations

We are using 12 different animations for showing and hiding the items of a slide. The animations are defined by randomly adding data-attributes called data-effect-in and data-effect-out for every slide.
Tilted Items

The perspective view is achieved by adding a perspective value to the slide list item and tilting a division that contains the two screenshots.
Column or Row

The items in the tilted container are either laid out in a column or in a row. For some directions we need to adjust the animation delays for the items, since we don’t want the items to overlap each other when they move in or out.
Responsiveness

For smaller screens, the items on the right hand side will become less opaque and serve as decoration only. The focus will be on the description which will occupy all the width.
Navigation

For the “line” navigation we use a little trick to make the clickable area a bit bigger: we add a thick white border to the top and bottom of the span. Since the border is part of the element, it will be part of the clickable zone.