shot - Restaurant website inspiration

Restaurant Website Inspiration

Restaurant Website Inspiration

The food industry is one of the oldest and most profitable market on the planet. Almost every day, a new restaurant or food track opens in the world. But unfortunately, only less than 10% survive after the first year. Despite these statistics, every restaurant owner try his best to build his new profession. In some cases, they are even able to build an empire.

In this specific case, we are talking about one of the top restaurants in Prague. As Jaromir briefly described the project,

Few weeks ago we took a challenge to design a website for one of the best restaurants in Prague.

This website design was an attempt to create a brand new website for a top restaurant in Europe, participating through a contest. Unfortunately, as they specified, they arrived in the second place, but that doesn’t mean they don’t deserve more than a mention! In fact, they have proven their skills and creativity.

The Design

On Dribbble, they only shared the landing page, but that’s enough to understand their quality level and way of thinking outside the box. The first impact is remarkable. The website feature a white, clean and minimalistic look. One of the key features is the use of diagonal shapes, like rectangles and triangles. In this way, they were able to convey dynamism and elegance at the same time. Another unmissable key element is food. How could a restaurant website convey what they do and how well they do if they don’t share a single plate? For that reason, the page opens with a colorful dish, composed by green and orange sauce stripes, which increase even more the sense of dynamism and movement.

Throughout the page, the Designer decided to enrich the composition with small leaves, giving a little bit of color to the composition. As we already specified, photos are extremely important. For that reason, they included multiple pictures of the restaurant, atmosphere and obviously their top dishes.

The main colors used are white, light grey and a soft pink. In order make the brand look even more elegant, they opted for black serif fonts for headlines, and sans serif grey fonts for paragraphs. Soulmates indeed tried to produce an unique layout, which could look chaotic at first impact, but then it makes more sense when you start to see the site, step by step. For instance, the central part of the website feature a diagonal line of content, which includes three sections that begins from the far left and end up on the far right.

Designer: Jaromir Kveton
Agency: Soulmates



Stories of the Intercontinental Life Microsite - Screen 2

Stories of the Intercontinental Life Microsite

Stories of the Intercontinental Life Microsite

Stories of the Intercontinental life is a microsite designed for Intercontinental Hotels, featuring a multi-sensory journey into stories from the most inspiring places in the world.
The San Diego based agency Mirum created an outstanding microsite for Intercontinental Hotels, the largest multinational hotel chain in the world.

The purpose of this microsite is to share the most beautiful places in the world and obviously to promote its +4500 hotels. The website opens with an outstanding sea view from a house built right on the water. On top of it, the Designers placed all the elements with a centered alignment. From the top to the bottom, we have a logo, a headline and a sub-headline. They showed them in an unique and classy way, with white and gold colors and also serif fonts.

The following sections feature a fixed-screen style. The main font remains Baskerville, a serif font, and the secondary is Gill Sans, which is, as the name suggests, a sans serif. The overall style of the website feature a classy look and feel, also thank to the golden diamond and thin outlined shapes.

Approximately at one third of the site, a lateral bar appears with a new navigation system. Also this one feature a white and gold theme with outlined diamond shapes.
As they showed in their presentation, the website is also perfect for mobile devices.
Designer: Leo Rabelo
Agency: Mirum San Diego
Project: Behance



best website inspiration of February 2017 - Kovac

10 Best Website Inspiration of February 2017

10 Best Website Inspiration of February 2017

February has been a great month for websites design. In fact, a lot of Agencies, freelancers and independent designers built incredible designs worth a share. Here’s the 10 Best Website Design of February 2017.

TechStyle

Isadora Agency built an incredible website for TechStyle Fashion Group, featuring a modern and clean design. The website is rich of images and cards overlapping each other, creating great and unique compositions. The site features a white theme, with black and grey fonts, with highlights and links in blue.

Agency: Isadora Agency

Steve Roach

Slava created an outstanding website for Steve Roach, an American composer and performer of ambient electronic music. The site features a dark theme. The layout features fixed screens that transit horizontally, unveiling new content. The website features multiple pages built with different styles, alternating horizontal and vertical scrolling.

Designer: Slava Fedutik

Marvel / Civil War Content Hub Concept

Leo created a concept for the new Captain America film. The site features unique transitions and a great layout. As it should be, the site is populated by film’s pictures and even a trivia about the superhero. The overall design features a dark theme, where blue is the main color followed by Captain America’s red.

Designer: Leo Rabelo

HBK / Creative Agency

Mike from Creative Mints is the most followed Designer on Dribbble. This time, he created an incredible home page for HBK Agency, featuring a violet background and colorful sections.

Designer: Mike

Homepage – Camper Trailers (WIP)

Martin is a Designer at Balkan Brothers. In this Homepage design, he created a unique atmosphere for a camper and camping company. The design features a clean look, although its dirty look. The most interesting elements include colorful painting stripes, script-grunge fonts and scratched section transitions.

Designer: Martin Strba

Vipp

Vipp is one of the Best Website inspiration of February 2017. In this home page, Andrew featured an extremely minimalistic and simple design, where the only colors are black and white. One of the most interesting part of the website is the hero section, which features a floating navigation bar and a vertical side bar. In order to make the design pop even more and to make it classier, he used serif fonts for headlines and sans serif for paragraphs.

Designer: Andrew Baygulov

Kovac

Here’s again Andrew work, but this time he designed a product company that creates unique lamps. Similar to his previous design, he used a minimalistic and clean approach, where images become the real subject.

Designer: Andrew Baygulov

Edd – Landing Page (.sketch)

Alan created a colorful landing page. The layout features a simple zig-zag pattern. The overall design shows a minimalistic and clean design, enriched with colorful smooth shapes. The most impressive section is the hero, where a user is instantly caught thanks to the fluxes and cleanliness.

Designer: Alan Podemski

Gift Giving Project Landing Page

Tolik create a really nice landing page, featuring a minimalistic and extremely clean style. In fact, the overall page shows a lot of light areas enriched with circular shapes and gifts, which are obviously the main subject of the page.

Designer: Tolik Nguyen

Teachable – About Us

This is one of the Best website inspiration of February 2017 thank to its clean and simple design. The page features soft color tones, spacing from orange to green and even violet. One of the most remarkable element is the big script font “Everything is Teachable” which creates a unique first impact.

Designer: Filip Justi



Elementalist Lux Website - Loading

Elementalist Lux Website

Elementalist Lux Website Design

Elementalist Lux is a brand new skin available for League of Legends. You can read more technical characteristics about all the items included on Riot Games’ website.

The Los Angeles based agency collaborated with Riot Games to build a mini website where they featured their new skin pack for League of Legends.

This is how they describe it:

The Elementalist Lux skin was one of League of Legends’ marquee offerings of 2016. Watson worked with Riot Games to develop a best-in-class promotional site that conveyed the skin’s many offerings and showcased the wide variety of features players could unlock by purchasing. Mobile-friendly and localized into 16+ languages, the site was truly a global effort.

Elementalist Lux Website

The website opens with an incredible animation composed by the pack’s logo surrounded by a colorful loading circle that transits from cyan to magenta. After that the loading screen has been completed, the site shows an introductory video.

The following sections show other videos and an overview of all the elements included inside the skin pack. The section features descriptions, pictures and a really detailed Download button.

One of the most interesting and unique parts of the website is the transition between the Overview and Details part. In fact, there is a nice opening with animated text, but when you try to scroll down the real magic happens. With a single scroll you are triggering the animation which features the background picture’s decomposition, unveiling the following section.

From this point, the website switch from a light to a dark theme, featuring all of the elements shared in the pack. In both the Details and Gameplay sections, the agency featured animations and screenshots from the game. Again, between the Details and Gameplay sections there is another unique transition.

The very last section features a simple zig-zag layout, alternating headlines with in-games animations.

In Conclusion

Watson DG did an incredible job in this website design, creating a beautiful and unique experience. They were able to capture also the game’s theme and apply it into the site. The most remarkable elements are indeed the transitions, game’s animations and pictures.

Agency: Watson DG
Project: Behance



World of Audi - Intro

World of Audi

World of Audi

Audi is one of the most famous luxury car brand in the world. Funded in the 20th century, Audi is one of the oldest car manufacturer in the world. Because of their unique brand and also luxurious look, Philadelphia based agency Efir Media decided to build an incredible website.

Their inspiration –

We were drawing inspiration from modern architecture, art installations and obviously incredible Audi car designs while building this concept. Precise combination of lines and elegant forms used by Audi car designers helped us excite our perception, which eventually transformed into final shape of our concept. Photos and text were taken from an official website.

As they said, Architecture, art installations and Audi Cars inspired them, and you can actually see these elements while scrolling through the website.

The Design

The home page features an incredible hero section. In this opening screen, they included Audi cars, but also animated graphics, like swirls and also a pointed globe. The overall website features a dark theme, with dark grey backgrounds and light fonts. Designers approached the project with a minimalistic style, making the user to focus exclusively on photos. As we already saw in previous inspirations, the website features a slide, fixed-screen style navigation, where they featured different elements in each one of them. The very first one features different cars, with a slick lateral menu which features all their models. In the second slide, they featured only car’s photos in a two by two grid.

The next screens represent a specific car’s page, containing all of its technical specifications. They featured realistic 3D models of every car, with the possibility to rotate them at 360°. In the second step, a user can customize it by choosing different models and also colors.

The second section features all its technical specifications, where all of their numbers shine and reflect the power of the brand. In the third section, they featured the car’s gallery, with an horizontal slide that allows user to scroll through the content.

The very last section is the most unique of all, featuring various cards with their social profiles, newsletters, and news. One card in particular caught our attention, and it’s the “Mission to the Moon”. It features an eye-catching animation on hover, where the pointed globe starts to spin, creating a fantastic visual effect.

In Conclusion

Efir Media did an incredible job in redesigning Audi’s website, creating an outstanding experience and also being able to keep their car’s high standards. The only downside is that this is only a concept, and unfortunately we will never be able to see it really implemented.
Designers: Darren MaenYury Belazor
Source: Behance



MGCom Microsite - mobile responsive design

MGCom Microsite

MGCom. Concept

MGCom is a creative microsite design concept. Two Russian Designers developed this concept, achieving an incredible final result.

The microsite features only five fixed-screens, but each one of them presents different elements in an unique way. The very first one represents a scenographic opening animation, composed by multiple geometric shapes, like triangles, circles and also lines. When the opening animation has successfully completed its cicle, the very first section appears. It features a split screen design, with a blue background on the left side and an unique image on the right. They took a particular attention to details, studying a fairly simple layout but rich of content. In fact, the website features texts on the left side and a big image on the right side, treated with blue and red tones.

The very first screen features an opening headline with a paragraph. The second features various numbers and analytics. The third represents some product logos, like Google AdWords and Begun. The very last shows even more number and analytics, featuring the Cost per Action. But a part from the actual content represented on every screen, the real detail that makes the design pop is the headline treatment. In fact, every single one of them has been placed in the middle of the screen, like a badge. In the opening screen, they featured various geometric shapes overlapped by the name of the brand. All the other screens feature the section’s headline, and each one of them present a different composition, with different shapes and colors.

In Conclusion

The two Russian Designers did an incredible job in this microsite design concept, specially with the headline treatment and colors combinations. Even if this is only a desktop concept, they presented a small mobile version, featuring the website on an iPad.



10 Best UI UX Design of January 2017 - Braun

10 Best UI UX Design of January 2017

10 Best UI UX Design of January 2017

January has been a great month for UI-UX Designs. A lot of Agencies, Freelancers and also Independent Designers built incredible products.
In this article, we are going to list 10 best UI UX Design of January 2017.

Moximo. Recruiting app.

Art Lemon’s team built an incredible application to look for jobs. It features more than 500 UI elements, a clean interface and even incredible illustrations. The main colors used are green and orange. In their presentation, they featured all the steps that brought to the creation of the app, including the UX and final UI.

Lonely Planet HP – Marquee exploration

In this quick shot, Claudio showed some new animations introduced to the Lonely Planet website. They featured a very interesting opening screen, with a zoom-out on the photo and a quick appearance of the main elements. But the most interesting element that makes the animation pop even more is the presence of the lenses’ light particles, giving even more depth to the overall composition.
Designer: Claudio Guglieri
Source: Dribbble

Braun site exploration

Eddie created a concept for a possible Braun redesign, featuring a clean and simple design, but never trivial. In fact, he took a particular attention to the button’s shapes and the typography.
Designer: Eddie Lobanovskiy
Source: Dribbble

InVision’s 2016 Year in Review

InVision is one of the most loved tool by Designers, and in order to celebrate their success, they built a website that contains all their achievements from the past year. It features a clean UI supported by eye-catching colors and soft animations.

A new Dropbox.com

In January, Dropbox reinvented the way people collaborate with each other. They released a completely new Home page and two new products. You can read more about their new products in this article.

CroSpots

KREATIVA Studio produced an incredible design of a platform that allows people to discover and explore new places. It features a clean and minimalistic design, with some really interesting details, such as the big red circle placed in the top left corner.
Agency: KREATIVA Studio
Source: Dribbble

Dashboard Engie

AgenceMe shared a small part of a much larger project made for Engie. This small shot features everything a Designer would like to see: A great use of typography, colors and visuals.
Agency: AgenceMe
Source: Dribbble

IoT navigation for smart home product interaction

Fantasy is an incredible agency that has worked for some of the major brands in the world. Gleb is part of the team, and he always delight Dribbble’s users with incredible interactions. In this case, he showed an interaction for a smart home product, supported by two incredible transitions.
Designer: Gleb Kuznetsov
Source: Dribbble

serverstack

In this UI design, Fabio shared two screens of an iOS mobile application. It features a clean minimal UI, with both the light and dark side. The second one is the most unique, thank to the wired illustration that covers the entire bottom right part of the screen. It is indeed a good touch to make the screen pop and to fill a possible gap.
Designer: Fabio Basile
Source: Dribbble

Pricing

Last but not least, we have an incredible design built by Fireart Studio. They featured one of the most “battered” sections of a website, the Pricing section. Generally, it is composed by a couple cards that features the prices and features. In this case, they created a very creative design by adding unique illustrations.
Agency: Fireart Studio
Source: Dribbble



Behance redesign - Cover

Behance Redesign by Norah Park

Behance Redesign

Before the “flat” design revolution started by Apple, online portfolios weren’t so important and curated. In fact, the majority of creatives showed PDFs with their work, and only a few of them owned a website. In the last few years, portfolio’s websites literally exploded. Some of the best platforms available for designers and artists are Behance, Dribbble and DeviantArt. Each one of them solve a specific problem for a specific type of creative person.
In this case, we are going to dig into Behance, which is the eclectic leading platform for creative people.

Discover

The platform features a website and a mobile application, but what’s really missing is a desktop application. That’s what Norah Park thought. She built a desktop app concept of Behance, which could be a tremendous help for all of those people that browse it every day, looking for the right inspiration. The most unusual design elements are colors. There is the “Behance’s blue” tone, but the real change is the dark color scheme. In fact, behance features a light interface, opposed to this Behance redesign.

The App features a lateral expandable navigation bar, which contains all the most important links for browsing through categories, analytics, account management and personal profile. In the top bar, there is a a big search bar that covers the whole central area. On the top right corner, there are four important items: your profile’s photo, share option, notifications and message icons.
Obviously, as it should be, the content is the king in this situation. Because Behance is a platform built around photos and visual assets, the entire application is filled with projects. The “Discover” section features three navigation display options.
Regarding the UX, Norah placed the “Activity Feed” as a vertical bar in the very far right part of the application. She also shared an interesting interaction that shows longer comments.

Dashboard and Job Search

My Profile & Statistics screens feature a minimalistic and creative design. In the Dashboard, the real king is the chart, which cover the entire width of the app.
Another interesting screen is the Job & Creative search, where Norah featured a split screen. On the left she featured a list of creatives, and on the right she featured a map that shows all the creatives present in the selected area. The map addition is a really neat feature that could be added to the real Behance platform, giving a better feel to the research and to identify where people are located.

In conclusion

This Behance redesign is a brilliant example of a possible new product added to the Adobe family. It will indeed help creatives to find inspirations and maybe with some off-line features could be a game changer.
Designer: Norah Park
Source: Behance



Best Website Inspiration of January 2017 - Red One

10 Best Website Inspiration of January 2017

10 Best Website & Web Design of January 2017

Best Website Inspiration of January 2017 is a collection of all the best website inspiration and also Web Designs of January 2017.

In the first month of 2017, a lot of Freelancers, Independent Designers and also Agencies built awesome Websites.
Let’s take a look at all the creations!

Figtco Website

P.Motion agency built Figtco website, which is a Premium merchants of oil, gas and buildings in Kuwait. This website features a particularly creative look thank to the shapes used. In fact, they remember the fluidity of oil, and there is even a drop. As they mentioned, they used black and gold as the main colors to represent the oil’s color, but also because it is the “black gold”.
Agency: P.Motion
Designer: Denis Levchenko
Source: Behance

MARS – Landing Page

Minh Pham built an incredible landing page, rich of colorful illustrations and that tells a story. In fact, every section is connected to each other through various design elements. Thank also to the subtle animations, the design pop even more.
Designer: Minh Pham
Source: Behance

Red.One Website

Red One is a Design and marketing consultancy, which creates unique experiences for users. In their website, they wanted to show all of their creativity by approaching a minimalistic design but with unique layouts. They features some of their main clients, which include Beats, Nike and Douglas.

Femme Website

Ruslan built Femme’s new website, which is a luxury, life and also style directory. This magazine’s design is unique, thank to its minimalistic design and great use of typography. The main color is white with black serif fonts. Negative space is the real king in this design, which surround all the incredible images that makes the design pop and giving colors to the composition.
Designer: Ruslan Siiz
Source: Behance

Ortiz Leon Arquitectos

Rubén Sanchez built one of the best website inspiration of january 2017. This website features a horizontal, fixed navigation with also an abundance of architecture pictures. The entire design is based on a squared-tile pattern, which dictate the entire flow and also the transitions.
Designer: Rubén Sánchez
Source: Behance
Website: ortizleon.es

Bo-store

Slava Fedutik built an incredible e-commerce for Bo-Store. The website features an unique layout and transitions. In fact,  every product is positioned in the central part of the page with various models and even textures that float around it. It is indeed one of the best website inspiration of January 2017 thank to his layout, and also for showing a classy product in such a classy way.
Designer: Slava Fedutik
Source: Behance

UBER Analytics Platform

Awesomed built an eye-candy interface, featuring various analytics datas in a dashboard. Thank to its cleanliness and also to the awesome use of purple and teal colors, the design looks amazing.
Agency: Awesomed
Source: Behance

3Dsimo MINI – 3D Pen

Michael and Tomáš built an unique and creative experience for 3Dsimo MINI, a 3D Pen that allows people to draw, solder, burn and also cut. They built a colorful brand, featuring red, orange, green and purple tones. In order to make the design pop-out even more, they approached a diagonal style for transitions, and even colorful shapes surround elements and items, following the same angle.
Designers: Michael Čečetka – Tomáš Snop
Source: Behance

We3 Website

This is one of the best website inspiration of January 2017. Jam3 agency built an incredible experience for their new internship program. In fact, this website’s purpose is to hire new designers and developers, and to get them onboard in their agency. The website features an unique hero section, with fluid sand waves that animate the page and even follows your mouse cursor. The entire other part of the page is characterized by a slick design and parallax animations.
Agency: Jam3
Website: we3.jam3.com

Storytrail Website

Storytrail is an awesome website that helps people find city to explore. The design features colorful and animated illustrations for the introduction, but for the actual website it features cards of various cities. Unfortunately, the only one available at the moment is Rome, but it is enough to explain their concept. With an incredible use of animations and interactions, they built an awesome experience that tells a story about a city.
Designer: Burocratik
Website: storytrail.co



Facebook Redesign - Cover

Facebook Redesign - by Roland Hidvegi

Facebook Redesign by Roland Hidvegi

Facebook is the second most used website and first social network in the world. It has shaped billions of lives, allowing people to stay connected with each other or to meet people you haven’t seen in ages. We have seen a lot of redesigns, but this one caught our attention for its minimalistic and clean look. Obviously, Facebook has a huge and strong team of Designers that works on dozens of projects, but it’s always interesting to see what other people can do to improve a product.

As Roland says –

In this Facebook Redesign I tried to modify some minor things to provide a more delightful experience to the users. The avatars changed to circles following the common pattern. I used the similar layout for the person and pages with a ratio based flexible grid system (2, 5, 3). Finally I used the fresh colours and updated the typefaces as well.

As Roland mentioned in his brief description, he worked on multiple UI elements to improve User Experience. He built a new set of icons which feature an outlined style rather than a filled one. In this way, he managed to make the content cleaner and lighter.
Regarding colors, Roland used bright tones, such as Green, Blue, Orange and Red to emphasize particular elements. He had a particular attention for the icons, transforming the current skeuomorphism-style set to a flat one. In this way, there is more consistency on the platform, also given by the grey-only set of icons in the left navigation bar.

The current Facebook design lacks of readability for the comment sections, because there aren’t real visual divisors between the author, comment and actions. Every element seems too cluttered, which makes the content difficult to analyze and read. Unfortunately, Roland didn’t try to resolve this issue. It could have been interesting to see his take on this situation.

In Conclusion

Roland did an awesome job  in redesigning Facebook. He improved a lot of elements and sections of the social network, but he covered only the surface of it. Again, it could have been interesting to see more UI elements and further studies of this redesign. For now, we can treat it as a successful visual improvement with some interesting UX suggestions.
Author: Roland Hidvegi
Project source: Behance