This website, designed for the brand new Hotel Josephine in Paris, is directly inspired by its architecture. Modern and Colorful, this hotel needed a website which can respect its identity.
The ideas of Joseph Müller-Brockman and some inspirations from Swiss Style gave it a typographic oriented design on a powerful grid. In combination with a dynamic color system, this site tries to make users feel the modernity and the energy of the architecture.
As a contrast, pictures of the 30s in a cabaret style are shown on some pages and let the Josephine Baker ambiance be expressed.
Photos are highlighted with a full screen system for the gallery and the website navigation has been designed to have a minimum scroll necessity.
Designer: Les Impertinents (www.impertinents.com)
“Le Dictateur” is Federico Pepe, a self-proclaimed tyrant who grabbed full power and legitimized himself to begin an ambitious publishing project with the collaboration of Vice Dictateur Pierpaolo Ferrari.
The title “Le Dictateur” is in French, it sounds milder this way… In this form, it nearly sounds like a compliment.
Le Dictateur is the highest expression of the dominion of personal will:
the magazine is to be thought of as a state, a space where artists, photographers, fashion world protagonists live together, arbitrarily selected and invited.
Some are famous, some are extremely famous, some are totally unknown: they earned their citizenship because they have been wanted there, and they each became dictators of their own pages.
In total freedom and lack of rules they were called to present a new or custom project for “Le Dictateur”: the result is a magazine with an extreme spirit.
Le Dictateur is a proposition, not a critique: Le Dictateur is not very fond of the sophisms of those who use thought and words as alibi and not as support to action.
Confrontation, dialogues can only exist after one’s creative freedom has been freely expressed.
“Freedom of choice and movement is fundamental. For certain things – the Dictateur affirms – democracy is useless, it actually weakens in proportion to how many people have decisional power”.
Therefore, to maintain the vitality of one’s creation at its highest, it needs to be as personal and subjective as possible. It must not undergo the gauntlet of suggestions, hints, evaluations, amputations.
Le Dictateur is a figure which has power, but also for a kind of philanthropy: people want to rebel to the authority principle, but when someone actually takes responsibilities for all the decisions, they are happier and quieter.
“Le Dictateur” label also includes some artists’ books and other projects (including Maurizio Cattelan and Pierpaolo Ferrari’s Toilet Paper magazine).LeDictateur Website
Designer: Roberto Bruno (www.robertobruno.it)
This website aims to promote the Ventura Fondation in Switzerland, which tries to get some founds to get an entire are dedicated to autistic children. The foundators, a couple raising 2 autistic boys, plan to help them with horses and tablets.
My objective was to make a website than could hold people attention, because it’s quite hard nowadays to get founds for those kind of foundations. I wanted to avoid something too serious, trying to put the user directly inside the helping process, with something clear and easy to use.
First point was to find the leading element, which ended to be the bubble. We often say that autistic people are inside a bubble, so I created this bubble to make it grow bigger and bigger as we navigate, until it explodes. We know images have more impact than words, and I wanted people to visualize this bubble exploding, to make them understand that their action can help autistic children get closer to the real world.
The one page website present different sections, with some visual elements and parallax to have something attractive but simple, without too many details. The child in the middle of the website enters each section, and enlarge his bubble through them, using animations depending on the scrollbar position.
The menu elements have something fun and young to take the user deeper inside the child’s world, to try to make him live what the child feels.
A simple website trying to put the concept and ergonomy at the top, so now let’s wait and see the results :)visit Website
Designer: Youval TAYAR (www.youvaltayar.com)
Emodia is a design bureau based in Bochum, Germany. They stand for brand development, traditional and digital design, concept and cross-disciplinary ideas. As a design bureau, it is not only important to create something nice-looking, but always doing this to the full satisfaction of all involved. In addition, we offer what you need most: To have a hunch for your business and your customers. We create emotions, which customers will remember – for large companies, small businesses, institutions, but also non-profit organizations.Emodia Website
Designer: Designbuero Emodia
KircherBurkhardt is an invading force of editors, designers, illustrators, programmers, film producers, and brand strategists. We craft stories, and invent effective ways to tell them.
With the KircherBurkhardt website, it was the goal to implement a completely new way of presenting information to the user. The design idea was to reduce to the core (cases – which are designed as single pages) on the corporate site and to give full background information on the blog/digital magazine which we call „THE NARRATIVE“. We tried as well to integrate full motion as a design element in pages such as ‘Career‘ or ‘People’, in order to be able to convey a profound feeling about Berlin´s top content marketing company. Aside from that, we strictly focused on headlines, no teaser stuff, but more pictures than text files – less content leads consequently to more attraction. User thinking needs more space and brighter designs!
Our result is a flat design, with a clear navigation concept (no sub navigation, no bread crumb) and 2D instead of 3D styles. If you love your brand, set it free. That is great design, but without combining the front-end development with its design, it does not work, because excellent design depends on this combination. These guys should work shoulder to shoulder.
Due to high-performance features, capabilities of current browser engine standards have soon been exceeded – that’s why most functions had to be customized to the performance of the diverse engines. These functions include innovative features as the fullscreen parallax slideshow on the welcome page, animations in the „Cases“ section and many more. Among others, „JQuery Transit“ is being used and content undergoes an animation process via CSS3-Translations. JS-Libs are in use for touch devices – „JQuery wipetouch“ is the preferred navigation technology in contrast to Scrolling functions within the desktop.visit Website
Designer: KircherBurkhardt & DigitalWerk
Carlos Molina is a web developer and photographer who lives in the heart of the creative industry, your site with a black and white style with original and shows us how it works in the advertising world.
The website was based on personality, tastes and photographs taken by the author, what you want is to reflect a vivid image of who Carlos Molina.
Under the WordPress platform we created a template enhanced with jQuery, HTML, and CSS3.visit Website
Designer: Carlos Molina
The goal was to create a “one site page” in parralax to explain clearly the functionalities and use of Engagent, a software platform to increase efficiency of customer support.
The parallax site can create a 2 levels scrolling ambient to mix content and design.
ENGAGENT is the innovative business solution that, thanks to the virtual assistance’s potential, will allow your company to interact with your users in one-to-one mode, via cross-channel and to optimise the efficiency of your support team.ENGAGENT Website
Designer: Mattia Moretto (www.mattiamoretto.com)
Over the past year, Palms Casino Resort has invested over $50 million in property-wide renovations, in an effort to recapture its reputation as the trendiest resort in Las Vegas. To complement the changes to the physical space, Palms also gave their brand a facelift, targeting a more stylish, sophisticated, and slightly older demographic.
In October 2012, Palms engaged SapientNitro to recreate the Palms.com experience to align more closely with the new and improved on-property experience, and to bring the recent re-branding efforts to life in the digital space. Over the past 8 months, our team has completed a full-scale redesign and migration to a new CMS.
The new Palms site is:
- Responsively designed to deliver a seamless experience for users across a number of different touch points and devices, to maximize the impact of the new brand experience.
- Immersive and intuitive from an experience standpoint, with a strong emphasis on captivating visuals and an interaction model designed to make navigating the site feel like second nature.
- Interactive and engaging with social media embedded throughout the site in a highly contextual way. This includes the ability to add reviews specific to certain room types or events, to keep the conversation at Palms.com instead of losing users to other social media outlets.
- Replatformed to Adobe CQ5 to capitalize on the robust and flexible framework that delivers cutting-edge presentation coupled with high-class, dynamic content management.
Designer: SapientNitro (www.sapientnitro.com)
Country: United States
Agence Web Coheractio is a full services web agency located in Paris.
The idea behind the design is to showcase the web agency capabilities using real customer projects. The design process has been focused around simplicity and ease of navigation. We limited to the minimum the navigation effect (sliding, rotating, …) to drive the reader attention to the main content elements. Hence we prefered blur/black & white transition to complex transitions. The offering pages (“notre offre”) combines content (for readers interest and SEO) with large images to engage scrolling the pages.
Technically the website is built on Drupal 7 with HTML pages. We’ve used CSS3 and reduced the number of background images to the bare minimum to optimise load time. Icons are font-based.Coheractio Website
Designer: Laurent Balzano / Coheractio
I wanted to build the site in jQuery but make it feel as though it was built in flash. The site is cross platform, performing particularly well on tablets. The contact page takes advantage of the Google Maps API, showing the user exactly where I am based on the map. The site also has a mobile redirect for everyone that wishes to view the site on a mobile phone.visit Website
Designer: Rob Bailey
Country: United Kingdom
For many years, developers lived and breathed the “waterfall” method of development. This meant spending months or even years first planning and researching projects before actually developing a product, often running over on both budget and time. Waterfall was particularly popular in large organizations as a means of managing risk across development teams sometimes thousands of people wide.
But the waterfall method is as top down as a site map, and top down methods in today’s fast paced market just can’t keep up. It’s no surprise really that the flexible and highly deliverable-oriented agile process has soared in popularity recently. Quick and collaborative, agile puts an emphasis on producing working products from the get go and implementing improvements ad hoc.
While designers will of course need to tweak the agile process to fit the design process, there’s a lot that can and should be translated from agile development to the design world. Here we take a look at just what agile development is and how to begin that adaptation process.
Agile Development: The Quick Version
As the name implies agile is a change oriented process that values working products, interactions, and collaboration over processes, tools, extensive documentation, and contract negotiation. This generally means working in iterations and intense “sprints” to meet smaller, more accomplishable goals, rather than getting caught up on big picture questions. In putting an emphasis on delivering working rather than perfect products, agile values a more emergent creative process in which the greater vision arises more organically based on a constant feedback loop between teams, customers, and sometimes even a beta market.
There are number of key ways agile development can be adapted for design.
1. Implement Faster Iterations Into the Design Process
One problem (among many) in traditional design processes is the sheer amount of time it takes to get from a mockup to a working site that a client can peruse. Often, designers get carried away with PSD mockups that are static and have trouble adapting to changing client, project, and market demands as the product comes together.
With an agile mentality, designers will create working products from day one. If that’s just a widget that only semi-works, fine. With weeklong or sometimes even shorter iterations, the goal isn’t to create the best thing out there, but to:
Give other team members something to work with.
Give clients something concrete so that they can clarify and adjust their needs.
Eventually give beta users in the marketplace a product to manipulate in a real yet safe environment, providing feedback to design teams along the way.
Keep the pace of production high with the consistent production of deliverables.
In short, speedier iterations will keep everyone on board and motivated. Projects will also be more likely to stay on time and budget.
2. Learn From the Dev Concept of Continuous Integration
Integration is a crucial aspect of the development process. With so many people working on so many features across different teams, it’s important to ensure all dev components come together peacefully in one program or platform. But for some inexplicable reason, traditional development processes keeps integration on hold until either the end of production or at several infrequently spaced benchmarks. As you can probably guess, this tends to lead to a lot of backtracking as testers must then find bugs within a massive amount of code, and devs work on patches or even bigger fixes. The process is tense and frustrating, and is one of the main culprits in delaying the shipping of products.
In stark contrast, the agile concept of continuous integration has devs integrating their work, well, continuously, sometimes even on a twice daily basis. This way, small problems don’t become big ones, enabling devs across teams to reorient and rework as they go. This ties in nicely with the concept of rapid iterations, as it allows devs to address the issues at hand and then more quickly get back to achieving iteration goals.
One way to practice a similar mentality as a designer is to either design in-browser or to quickly create interactive prototypes to test how well a design will look and perform (“integrate,” in some sense) on the platform where it will eventually live.
On an interpersonal note, it’s also important for designers and devs to collaborate frequently rather than isolate. Particularly important for designers is keeping an eye on what’s technically possible.
Altogether, the only way to iterate frequently and adopt the integration philosophy (if not the process itself) is to…
3. Communicate Frequently With Clients and Across Silos
There should be no long retreat into the design bubble or nerve wracking presentations of final products. Agile emphasizes collaboration for a reason: Products are better when clients and cross-discipline teams are all on board, contributing to the outcome of the final process. By the time a final presentation is reached, there should be no surprises, as everyone will have been involved along the way.
However, that doesn’t mean communicating just to communicate. In fact, overcommunication can get in the way of productivity on a day to day basis. To ensure the quality of communication is high, make sure to keep your daily standup meetings short and high intensity, with cell phones firmly in pocket and everyone’s attention on a clear agenda. Also crucial is appointing a product owner who can be both a buffer between the customer and the design team and act as the voice of the customer.
There’s a lot designers can learn from agile practices. Whether it’s rapid iterations, creating workable products from the beginning, or communicating like there’s no tomorrow, agile design can speed up the production process, keep projects on budget, ensure that “shipping often” is more than just a slogan.
The W Eyewear website is part of the repositioning process of the famous Web Eyewear brand. We redesigned the logo and came up with the concept “Life is a parade”, which well connects with our target of explorers, trendsetters and early adopters of new technologies. We wanted them to dive into a world of emotion and imagination. What we did is a full-screen full HTML5 video-based website (there’s also the iPad version) focused on storytelling. In fact, you’ll see that for every model from the collection, there’s a line that describes and digs deeper into its name.
The website navigation has been designed as a grid, with both vertical and horizontal scroll.
Designer: MRM Milan (www.mrmworldwide.com)
In connection with the Nordic release of Django Unchained on DVD and Blu-Ray here comes Django The Quest – a competition that takes place in Google Street View. The player collects markers belonging to Django and is encouraged to end the game as quickly as possible to have the opportunity to win official replicas of the Django jacket and wallet or the movie on DVD or Blu-ray.
Client: Sony Home Entertainment
Objectives: Create awareness
Launch Date: May 23, 2013
Designer: Tatchit AB (tatchit.com)
Proj. / Prod.management: Paula Ruotsalainen
Design: Robin Sundstrom
Development: Kevin Hansen & Joar Wilk
rno1.com, a new portfolio site, is a Responsive Design (responsive to any device and screen size), built on the WordPress Platform, leveraging HTML5 and CSS.
Meet rno1. A global brand + digital agency. We help you connect + captivate, online + offline, fueling your brands growth… // We build brands that move the soul.rno1 Website
Country: United States
Igloo have designed and developed a rich, extensive HTML5 website for INTERIOR-iD, defined by full-screen smoothness from IE6 to iPad.
Responsible for planning, concept design, layout design and site build, Igloo used their own unique set of advanced technologies, developed over several months, to ensure smooth, speedy and reliable page loading and transitions.
The website’s fundamental premise is a frame for showing INTERIOR-iD’s work as vivid, full- screen images. Project information and menu links and navigation arrows are all housed in the black frame, which in certain sections can be hidden to reveal the background image in full.
Using the HTML5 History API, with all appropriate fallbacks, Igloo’s developers created a unique framework for INTERIOR-iD; asynchronously loading content with Ajax, fully managing loading, and implementing seamless page transitions to create a smooth and inviting user experience.
The site is fully powered by ‘Make’, Igloo’s own CMS, which allows the client to manage and update all elements of the site, including imagery, without any technical knowledge.
INTERIOR-iD is a premium-quality joinery company specialising in the development, manufacture and installation of bespoke fitted interiors in a range of materials.visit Website
Designer: Igloo London (www.goigloo.com)
Country: United Kingdom
Patentise helps companies benefit from Patent Box. The website turns corporate and technical content into an engaging, accessible experience, and uses pioneering scroll bar control.
Structured by the questions a visitor might have about patents, patent lawyers and the Patentise service, the site is divided into five sections, each following logically from the other as part of the smooth experience of the site.
Presented as one long page which users scroll through, the website delivers complex, legal information in a manageable and entertaining way, using animation where appropriate to bring content on and off, and some novel code that results in finely-controlled scrolling.Patentise Website
Designer: Igloo (www.goigloo.com)
Country: United Kingdom
How could we reflect the craziness of Jean Paul Gaultier mixing fashion, fragrances and live contents?
By creating a never ending surprising experience. UNEXPECTED HAPPENS HERE by Kassius: the « never-twice-the-same » website. Designed and developed in HTML5, this site features all Jean Paul Gaultier Universe contents, photos, videos, social and live content, surprises.
Designer: Kassius (www.kassius.fr)
The idea behind the Colour Rich portfolio was to instantly give a strong visual impression of common problems businesses face, and show how we can help solve them in as few a words as possible. By going big, bold and colourful, we aimed to get a message across for each area of our business while holding the visitors attention.
As a company, we favour the more retro and unusual feel. We had a clear picture of how we wanted to structure the site from the old portfolio, but from a design point of view, we wanted to show more of our personality. By producing a site we were happy with as a team, we hope to give visitors a feel of our collective design style which aims to be different.visit Website
Designer: Richard Howe
Country: United Kingdom
Visual identity for Regional Congress of Culture (Regionalny Kongres Kultury). It was a local initiative that creates a space for discussion about culture in Lodz and region.
Designer: Ortografika (www.behance.net/ortografika)