NASA SPACE APPS
This is the site for the NASA SPACE APPS : Greece, and it is 3d. This means that you can move in the tree dimensional space.
Studying our solar system for the site's needs, helped us comprehend how unimaginably vast the space is. For example, If we were to keep the real proportions, it would take 30 sec, just to move from one screen to another.SPACE APPS WEBSITE
If we were to keep the actual solar system proportions, earth would not be visible in the picture above. The realization of how tiny earth is, and hence us people being lesser than a dot, had a significant impact on our design.
We did not dear trying to make universe fancy, because
a. it is just emptiness interrupted by tiny colorful dots called planets (to be more precise celestial objects, since not all of them qualify for the planet title).
b. we have never been out there to actually see it
c. it's beyond our grasp to comprehend.
Therefore, out of respect to something that great, we chose to have a modest design approach and use only the three basic colors (blue,red,yellow), basic shapes & lines and add a water color texture to the planets, as to denote that this is our human understanding of them.
The interesting thing about this website, is that what you see is subjective since it is affected by your mouse move. For example, all users will see earth at the first screen, but if they are requested to take a "print screen", none of them will be identical.
Finally, viewing the site requires a descent graphics card that not everyone posseses. Therefore, it comes in 3 versions, 'official', 'standard' and 'basic'.
Interruption is a fim by Yorgos Zois, which made its debut at the 72 Vennice Film Festival. It received great reviews & was praised for its groundbreaking approach towards film making.
Receiving similar reviews for the website, was our greatest reward.
The later, meaning that we aimed at incorporating the film's dominant features in a website.
Indicatively, and in relation to the film, the website takes control from the user from the very beginning by hiding the mouse cursor and making him follow an interactive guided intro.
THE EXTRA MILE : PUSHING A BUTTON
And we reached the point where we had to find a way for the film's trailer to be smoothly incorporated into the site. Placing the video was the easy part. The hard part was finding a way to press the play button without having a mouse cursor at your disposal. We tackled this challenge by making the video play when the vertical line moves towards the right end of the screen. In this way, the user can pause/resume the video by just moving the vertical line, giving him an unprecedented sense of control. In a similar fashion, if the user moves the line to the left side of the screen, the film's credits scroll into view.
The vertical line stands for the "interruption"
and the final outcome is a different website, made in the film's image and likeness.
User engagement means connecting with the user and it can be achieved through the generation of emotions. For this project we choose to initially confront the user with the unknown, take him through a phase of frustration and at its peak, introduce the unexpected surprise, leaving the website visitor puzzled and curious to discover the answers hidden in the film.
EBGE! AWARDS 2016 : GREEK ILLUSTRATION & DESIGN AWARDS CATALOGUE, JUDGES CHOISE, p218 & p221
WEBSITE WALKTHROUGH VIDEO
LOGIMA Special Therapies
Logima is a multidisciplinary centre offering diagnostic assessment and treatment for children and support to families and carers.
Building a website that would promote the Centre's business and at the same time treat with respect such a sensitive subject was a real challenge.LOGIMA WEBSITE W
1. Refrain from using any photographic material (since the core discipline of the centre are therapies for children patients )
2. Be as minimal as possible
3. Be as unique as possible.
We approached minimalism through the use of 8 squares and by removing any other element (menu/titles and so on).
We approached uniqueness by nesting archetypical representations inside the illustrations and implementing a custom navigation approach.
Finally, we filled in the gap, that the absence of photographs created, with color (blue/red/ecru).
BY THE WAY
* The loading icon is actually the site map, depicting the 8 boxes and the red navigation line circling them.
* To preserve visual purity, each square's title only appears on mouse-over inside the squared cursor, which also serves as a info box.
Finally, every square, even the site's background, has a pattern with a subtle move. In essence, a subtle optical noise is present all over the place, still, unable to disrupt the optical tranquility.
And that's the key statement of the website. "Peace can be achieved even in the presence of difficult situations."
For this project, we actually wanted to create a website as if it was the first website ever built. We wanted to reject any influence, all web design trends, travel time back to August 6, 1991 and create something of primal nature. Something plain, relying on archetypes and with a retro touch. So, if we were to create the first website on planet earth, that would be LOGIMA.
EBGE! AWARDS 2016 : GREEK ILLUSTRATION & DESIGN AWARDS CATALOGUE, PROMOTION WEBSITES, p168
WEBSITE WALKTHROUGH VIDEO
SUPREME OLIVE PRODUCTS
SUPREME is a B2B wholesale olive products merchandiser, having deli's and restaurant as its target group. This fact, gave us the freedom to design an e-shop that didn't have to conform to the average end customer aesthetics.SUPREME WEBSITE W
a. we chose the design to be based on geometrical elements and to omit the usage of descriptive photographs which are so trite.
b. We decide to introduced purple and silver as the dominant colors of the site. Purple is the olive's color under bright light and silver is the foliage color when waving in the wind under the sun.
To bridge the gap between our design approach and the stereotypical presentation of olive products, we placed a footage loop of an olive grove at the home page. The video feels and sounds like a "happy summer memory" and its role is to subconsciously create a feeling of joy to the visitor.
We strongly believe that us people make subconscious decision solely based on emotions, to later on, justify them using logical arguments. So, an individual does not need a reason for doing something but rather an emotional motive.
WEBSITE WALKTHROUGH VIDEO
HAPPY TOOTH Dental Clinic
HAPPY TOOTH is a dental clinic for kids. A great chance to get playful and design for a unique audience.HAPPY TOOTH WEBSITE W
The website's dominant colors are fuchsia and white, representing the dental cavity and the teeth respectively.
The designs hosted on the inner pages, are big in size, to preserve minimalism, and have a slight movement to feel alive. The designs were influenced by the Easter island statues in terms of volume and posture. These two features, were later on blended with some retro-modern space touches to lead to the final outcome.
To denote the sense of volume, the characters are only partially visible in most of the site pages, cause they are just too big to fit in whole.
What gave us a good laugh, was animating the teeth singing a vocal version of "Also sprach Zarathustra" (Strauss), by Cambio De Tiempo. Don not miss it, just watch the WEBSITE WALKTHROUGH VIDEO.
WEBSITE WALKTHROUGH VIDEO
THE TWO BARBERS
THE TWO BARBERS IS A MEN'S CARE PRODUCTS MERCHANDISER, focusing on pomades and beard balms. Apart from the e-shop we also designed the brand identity that we really enjoyed.THE TWO BARBERS WEBSITE
The client contributed the name, and for some unknown reason, we came up with the two foxes, being the brand's icons.
We wanted the brand, not to just look posh, but rather aristocratic with a hint of mystery. The logo is a remake/collage based old engravings, while the image of the two foxes/barbers, was made from scratch using textures from renaissance paintings.
We love to "recycle" images for the creation of new ones cause we feel, that the outcome carries some of the energy the initial artifacts had. Therefore, the two foxes image is the child of around 30 renaissance paintings, each one of them contributing from a piece of cloth to a pair of hands. The part that we really enjoyed, was creating a unique fox posture for every category.