Best web design examples

Web Design: Cittá - a furniture website concept

Web Design: Cittá - a furniture website concept AoiroStudio Oct 18, 2018 Let's take a look at this web design by Ovik Mooshlyan for a furniture website concept. He is a UI/UX designer at Cetis Branding Agency based in Moscow, Russian Federation. His retail concept has interesting points to share with having the total straight in the navigation bar. I personally liked the grid system which was pretty unconventional where he didn't use any shadows or blur. We are getting used of seeing more and more retail web designs looking more alike to each other, it's nice to discuss a design taking another direction. More Links Behance Web Design web design UI/UX concept

Juraj Bartoš Web Design

jurajbartos.com

Web Design Inspiration by Clay #3

New and notable websites selected by Clay weeklySimon Vouet and Studio The Muses Urania and Calliope c. 1634We monitor and sift through major design awards and news resources to feature 12–15 high-quality websites chosen and curated by our team.We look for clean and simple websites with tasteful use of animation and interactivity. We record a short video and write a quick for each site, so you can get a sneak peek without opening it.ZenefitsI’m sorry guys, but there will be a little bit of self-promotion. But in a good way. We recently worked with an HCM startup Zenefits on redesigning their website from the ground up, and the result is so good it deserves to be featured here. It has all the traditional elements you’d expect from a Silicon Valley corporate site, but it also tells a good story where the user is the hero and the product is the setting. Lots of smooth animations too!Credits: Clayhttps://medium.com/media/9ac3fe3cb351dc388b6c301e3a7ba209/hrefTrue VenturesThis site sets the new standard for a venture capital firm’s web presence. Historically, VC firms had very barebones, poorly designed sites. The new True Ventures website is the complete opposite of that. It’s their signature brushstroke, bright blue headers, and oversized photos and videos that make a minimalist yet memorable brand. And it works blazingly fast.Credits: Uenohttps://medium.com/media/f59acebeac968c09c15f73c1fa1686f9/hrefPoolside.fmBorn after 1991 and wondering what was it like to use Windows 3.11 in Miami Beach? The Poolside.fm site plays some obscure videos and songs from the 90s that can help you get in the beach mood on a rainy day. And they even have a guest book like the good old days. Credits: Marty Bellhttps://medium.com/media/4d71b55653e0691251f1a3273995e471/hrefSallySally is a new service that lets drivers rent a vehicle to drive for Uber and other ridesharing services. But their website looks like the one for buying a Tesla. With bright red accents and 3D transformations, it screams innovation.Credits: Red Collarhttps://medium.com/media/f5e3648d6ba817a31406860bd26009e2/hrefConsiderWho doesn’t love a good product website? This one has all the best parts — a cool company story accompanied by cute illustrations and handcrafted animations, a promising product concept, and of course that feeling of a small team who put a lot of love into building it. The reality is they will most likely be acquired by a huge enterprise who will shut down the project. Remember Sparrow? Credits: In-househttps://medium.com/media/17117cf77e15b6e969fdb4fe3a7ff9da/hrefSquarespace BrandAn impressive case study for the new Squarespace brand that goes into detail about their design process and provides lots of supporting visuals and potential applications of the refreshed design language. Credits: DIAhttps://medium.com/media/72731e6d325e800b45991621983ff0e2/hrefChronicledA great example of the revival of skeuomorphism. 3D-rendered illustrations, Helvetica, and grid-based design work together delivering a fresh approach on a decade-old design trend. I’d throw in some animations for the complete picture, but it’s fine as is. It’s for the enterprise after all.Credits: Good Kindhttps://medium.com/media/a1347d14831c129973bb989cc3c2a331/hrefMine StudioAn Italian design studio showcases its portfolio in a modern yet very traditional way. They masterfully blend the latest web technologies with the tried-and-true design aesthetics paying homage to the iconic Italian graphic designers such as Massimo Vignelli and the likes.Credits: In-househttps://medium.com/media/d2360428dc9caf664dc01bd04dad414b/hrefPriorThe new website for a Japanese hospitality brand Prior delivers a truly serene and captivating experience, which is quite difficult to achieve on the web. Motion, textures, fonts, and shape transformations create a unique atmosphere while you’re exploring the site. It truly feels like it was designed in Japan, and I was surprised to find out that a French agency worked on it.Credits: Immersive Gardenhttps://medium.com/media/eb337fcf708982a8b83a84cf2b99573a/hrefOpen FoundryBold and bright, brutal and humane — Open Foundry’s new site is all about contrast. The fonts are the main actors and you can see them in action as you scroll through the showcase page. They let you change everything, but the interface for manipulating font parameters is subtle and appears contextually.Credits: N/A (leave a note if you know)https://medium.com/media/108756ac7d724270f7192218bfceff73/hrefBird TwoA minimal landing page promoting Bird’s new scooter is centered around the product and people using it. The page is very light on copy with bold headers, photos, and videos delivering the main message and making you want to use the scooter right away. Amazing product design by Branch.Credits: N/A (leave a note if you know)https://medium.com/media/3ecca11d241a88f44eb034c8bdd04efe/hrefPostmates ServeA delivery robot (yes, the actual physical robot) by Postmates might replace couriers someday, but this site already looks like it came from the future. The page is loaded with amazing 3D renderings, videos, and animations, but it still feels like a cohesive, interactive story. Bravo, Postmates!https://medium.com/media/c6bb6f2009d6e6399c876eae5187974f/hrefAbout the author:Anton Zykin is the CEO of Clay, a UI/UX design agency in San Francisco that builds digital products, websites, and brands for clients like Slack, Google, Credit Karma, Coinbase, and Facebook.Web Design Inspiration by Clay #3 was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

Restaurant Web Design

Hello Guys, This is a conceptual restaurant web design, colorful UI and user-friendly. I hope you will like this concept. ---------------------------------------------------------------- Share some love by pressing 'L' if you like this shot :) We are available for Projects. Estimate your project at contact@teamoreo.com. ---------------------------------------------------------------- Follow us to see our future works :)

Web Design: Beautifully Designed Home Pages

Web Design: Beautifully Designed Home Pages abduzeedo Jun 18, 2018 Matt Wojtaś shared a set of beautifully design website home pages and shared on his Behance profile. I believe most of the work was done as a concept and personal exercise, however, there's a lot to love about them, especially the editorial design look precisely translated to web design. I particularly, like the way typography and imagery superimpose each other. I know it would be very hard to be able to make it work dynamically and without a highly curated photo selection, still, it looks great. Another thing I like about some of the designs is the way he played with colors. He creates a good division of content by breaking the screen into sections. Again, I'd love to see how they would scale to different screen sizes.  For more information about Matt make sure to check out his website at wojtas.co Web design   web design

Web Design: Evolve Creative Design

Web Design: Evolve Creative Design abduzeedo Oct 16, 2018 Broklin Onjei shared a beautiful web design project on Behance. Using three different vibrant colours to define a creative agency approach to design and a unique monogram logo made of e (evolve) + c (creative) to lift up the brand name. The goal of this project was to design a modern and trendy creative agency web layout style by using the 2018 web design trend techniques.  The combination of bold large typography, vibrant colour schemes, asymmetry while still keeping it minimalist. More white space and less component has been used for a rich layout approach and to give visitors an easy access as they journey through the site. Web design For more information make sure to check out Broklin on:  DRIBBBLE INSTAGRAM web design

web design website hipster

web design website hipster simple simplicity UX

Monday Morning Web Design Inspiration

Monday Morning Web Design Inspiration abduzeedo Jun 25, 2018 I have started working on the new version of ABDZ, at least I have that goal and I am already creating mood boards for visual references. Web design is at a very mature state, at least from the static mockup design point of view. The line between print and digital in terms of editorial design is getting completely blurred. I selected some mockups I found o Dribbble to illustrate my point. There are still several open questions on these proposals, especially for me, the fact that they are, as I said, static. Most of them have a fixed size, which I imagine is the above the fold area, however, screen sizes. Not only that, I believe that people, like me, might also have their browser window, not in full-screen mode on Mac Os. So those add yet another set of constraints. Anyways, the designs are very inspiring and there are many components I am definitely adopting/adapting on the new Abduzeedo site. Web design web design

Web Design Inspiration by Hristo Hristov

Web Design Inspiration by Hristo Hristov abduzeedo Jul 19, 2018 Hristo Hristov is a designer based in Frankfurt, Germany. He has put together a quite inspiring set of comps on web design featuring a quite elegant editorial design style that seems to be perfect translated to the web. I found out about his work while browsing to Dribbble for some web design inspiration. There are a lot of things I love about his work, from typography with huge contrast of font sizes to the composition of the page structure. I am definitely taking some notes from his projects for the new Abduzeedo design.  Web design web design

web design

If you like it , please press the " L" Thanks ❤️

Web design

Web design

Rigoli / Web site design

Practice makes perfect! Late night work for me today - experimenting with colors, typography and 3D. Check out what I did for RIGOLI and don't forget about the attachment! Behance

Bold Web Design Concept for Discovery Channel

Bold Web Design Concept for Discovery Channel abduzeedoApr 30, 2019 Artem Litvin shared a beautiful web design concept project he created for the Discovery Channel. The amount of work is nothing less than astounding. I particularly like the editorial look and feel with big typography and excellent imagery. It feels almost like that could be the Discovery TV app, if they even have one. My concern about this type of work is always how it scales or behaves depending on screen sizes. That goes beyond the concept design phase, but it’s always important to take in consideration, otherwise I would feel frustrated every time I open Dribbble or Behance. That is an animated redesign concept of Discovery channel website, one of the most widely distributed television network. Web design concept

U.S. Women's National Soccer Team Web Design Concept

U.S. Women's National Soccer Team Web Design Concept AoiroStudioJun 07, 2019 Oliver Gareis has shared with us through our Facebook, a cool web design concept for U.S. Women's National Soccer Team. Oliver has worked on projects like the web design for the Batman V Superman: Dawn of Justice movie. He has this great ability at adjusting text, layout, and imagery with style to enhance our desktop experience. For U.S. Women's National Soccer concept, I just love how his design is empowering women through big bold fonts, enforcing colours and at the same time paying tribute to the flag. I wish to see more of responsive design in the near future, a suggestion! I love to watch soccer in any form. When I see the United States Womens National Team site I came up with the idea to give this whole thing a digital rebrand. I love to explore new styles in my free time and try out new things. My goal was, to create a unique sport driven look with a touch of femininity. More Links Personal Site Behance Web Design & UI/UX Follow Oliver on Behance

3D in Web-design

At this moment I work as a web designer, but I really love 3D-graphics. Once I thought, that website background which hosts pictures and texts might be a 3D object. Based on this idea, I decided that it's possible to create a series of illustrations and animations which showing that 3D graphics might look very aesthetically, atmospheric and be integrated into the website. Thinking about how it should looks, the first thing that came to my mind was Braun aesthetics of 1950s-1960s that I chose as a basic style.

Amazing Examples of Vintage Style Web Design

When we describe something as vintage, we think of a recognizable aesthetic that withstands the test of time. Vintage cars, clothes, furniture, and other items are designed in a distinct way that makes us think back on the “good old days”.The nostalgic quality typical of vintage designs is something most of us are drawn to. The past seems simpler and more comforting than the unpredictability of modern-day life, and in this lies the strong appeal of all things vintage.Whether you’re holding a vintage piece of clothing in your hand or browsing a vintage-inspired website, everything that stylistically imitates past eras looks special and authentic. Vintage designs draw upon trends that were popular several decades or centuries ago, and they never go out of style.Elements from the past are noticeable in all design categories, including web design. Whenever designers look for vintage inspiration, they rely on a variety of styles. In this article, we will walk you through arguably the most significant periods from the past that have left an indelible mark on modern designs and went on to become designer-favorites. By learning more about them, you will understand how to best create a vintage piece of work that looks fresh and modern at the same time. Nothing says vintage better than the following styles:BaroqueVictorianaGothic StyleArt DecoArt NouveauBauhausPop ArtAtomic AgeVintage ‘70sGrunge DesignBaroqueThe Baroque style blossomed in Europe from the early 17th until the mid 18th century. It owed much of its popularity to the support of the Roman Catholic Church, which was heavily shaken by the Protestant Reformation. Unlike protestants, who strongly opposed the use of religious imagery, the Catholic Church saw it as a way of guiding, persuading, and inspiring believers. And so, the new artistic movement became a part of the counter-reformation process. The visual arts of the time emphasized religious themes and their goal was to evoke a strong emotional response from people. The paintings were intricate and awe-inspiring, conveying a lot of tension and drama.The painters of the era used predominantly warm colors in their work and played with the chiaroscuro technique. The striking contrast between light and dark helped enhance the dramatic atmosphere of a painting and draw people’s attention to its most significant elements.The baroque style is marked by the use of complex and excessive ornaments, movement, tension, and decorative flora, including scrolling foliage and flower garlands.One of the best examples that illustrates the use of baroque in modern web design is the website for the Gucci Marmont collection. The first thing you notice is the Caravaggio-esque preloading screen and the dramatic use of chiaroscuro on it. The handbags are showcased as parts of complex, richly-colored, still life paintings that look as if they’re hanging on a gallery wall. When you place the mouse pointer on them, the chiaroscuro effect becomes even more prominent. While you scroll through the gallery, the gradient background effect appears, enhancing the dramatic vibe of the whole site. The golden fonts used for the project contrast the darkness that surrounds them and perfectly match the brand’s world-renowned identity.VictorianaVictoriana is a design style inspired by the period of Queen Victoria’s reign over England from 1837 until 1901. Those were the years of significant technological advancements when the effects of the Industrial Revolution were in full swing.The widespread industrialization affected the lives of the poor for the worse. They lived in terrible conditions and worked for the better part of every day. On the other side of the spectrum, there was the newly rich class that gained a lot of power on the workers’ backs. This new aristocracy was eager to flaunt its wealth, hence the popularity of excessively ornate elements in architecture, on furniture, and even on clothes. Wood graining and woodwork were heavily popular, too, and were used to decorate indoor walls and ceilings.The Victorian style is known for the use of rich, dark colors, especially deep shades of red, green, and black.The striking visual identity of this era, with its extravagant embellishments, sophisticated colors, and grained, varnished woodwork leaves no one indifferent. A website that beautifully demonstrates how you can incorporate the Victorian style elements into contemporary projects is The Ol’ Box. Its user interface is minimal. However, the combination of a monochromatic design, the illustrations that resemble the intaglio printmaking method, and elegant colors make this site look like a modern-day Victorian work of art.GothicThe Gothic style was popular during the mid to late Medieval period. One of its most important and recognizable elements is the pointed arch that supports heavy, vaulted ceilings. Towers were also heavily popular and so were stained glass windows with intricate trefoil designs, especially on churches.Gothic designs are among the more traditional and formal-looking examples of vintage style. As such, they ooze authority and regalness with a touch of darkness on the side.The modern-day Gothic style is characterized by medieval and ecclesial influences, particularly typography-wise. The colors in use are dark and rich, such as black, ruby, and dark purple.To see the power of typefaces in action and understand how much they can elevate projects, check out Jesper Landberg’s website where the gothic-like typography stands out more than any other element. The site is minimalistic but interesting to explore thanks to the use of RGB hovers. Once you place your cursor on any of the featured images, an overlay appears, resembling the light passing through stained glass.One of Qode Interactive’s designers also took inspiration from the picturesque Gothic era. The Galatia theme reflects the perfect symbiosis of gothic aesthetics and contemporary design trends. The use of the Gothic font a.k.a. Blackletter and interesting imagery choices make the theme look regal and sophisticated. It isn’t dark to the core but still has a strong gothic feel to it. Galatia is a great example that shows you how to incorporate gothic styles into your work without overdoing it.Art DecoArt Deco reached its peak in the mid-1920s and early 1930s. It represented an amalgam of different artistic styles and fine craftsmanship, while the materials in use were expensive and of high-quality. Its main characteristics are opulence and luxury.Art Deco borrowed elements of pre-modern art from around the world. It brought together the Japanese and Chinese exotic and minimalistic approach to art, the bold geometric forms of Cubism, and the use of golden, bright colors and floral motifs typical of the Louis Seize style. Thanks to its widespread use in architecture and all decorative forms of art, it went on to become one of the first international styles. Some of the best-known buildings in New York, such as The Empire State Building and Radio City Music Hall were built in the Art Deco fashion. This style has also influenced the poster design of the 70s and left an indelible mark on illustrations and the visual culture of recent years.Qode Interactive’s Laurent theme is an example that illustrates the perfect balance between the use of elegant fonts and intricate ornaments in design. Laurent showcases the atmosphere of an exuberant Art Deco-inspired restaurant, where dark images, geometrical patterns, golden elements, and rich colors ooze with the grandeur of this style.Art NouveauArt Nouveau, also known as the Modern Style, rose to prominence between 1890 and 1910. It developed as an attempt to create an entirely new style that had nothing in common with any of the previous artistic eras (unlike its predecessors from the early 19th century that copied other styles). Art Nouveau is known for the heavy use of long, undulating lines inspired by the forms seen in nature. This style emphasized the importance of contours over colors. The usual Art Nouveau hues were muted shades of brown, yellow, olive green, sage green, and blue.Graphic arts became particularly popular during the Modern Style era. That was largely due to the development of chromolithography, i.e. the printing of colored images. Posters were made en masse and used as a means of promoting art, be it on street walls or in art magazines. The leitmotif of the Art Nouveau style is a woman (often surrounded by flowers) as a personification of glamour, modernity, and beauty.The Senteurs d’Ailleurs website demonstrates the subtle use of Art Nouveau elements in a modern setting. It is adorned with delicate, ornate illustrations in black-and-white and stylized, elegant typography. The whole project is enlivened thanks to the alluring animation effects that enhance the beauty of the site.Bauhaus“Form follows function” is one of the fundamental principles of the Bauhaus — one of the most influential styles in the world. This idea means that the shape of a building or an object should always relate to its function. And the aesthetic appeal is no longer considered as relevant as it was before.Bauhaus was popular from 1919 to 1933. One of the biggest goals of the artists of the time was to bring together art and the functionality of everyday life. Bauhaus designs focus on geometric elements and balanced compositions, which is why we see little ornamentation on paintings, in architecture, and interior design.The minimalist Bauhaus style was a counter-movement to Art Deco and Art Nouveau. It marked the shift from emotional expressionism to objectivism and rationalism. One of its core ideas was that architecture should unite all forms of fine art. Both architecture and design were all about functionality, which was further enhanced through the use of “truth to materials”, i.e. materials that were not modified in any way nor hidden.Two websites that embody the ideas of Bauhaus are Future London Academy and Readymag Stories — Bauhaus Vkhutemas. The former comes with contrasting black and yellow colors, resembling a minimalistic Bauhaus poster. Modest animation effects highlight the form of the design, while the bold usage of big font sizes and simple geometrical shapes showcase the author’s modern approach to the Bauhaus principles.Exploring Readymag’s history of two schools — Bauhaus and Vkhutemas (the Russian Bauhaus) — feels like going through a fanzine. You have the opportunity to enjoy an interactive Bauhaus web experience characterized by the minimal use of colors, huge sans-serif fonts, large textual blocks, striking complementary imagery, and seamless transitions from one section to the next.Pop ArtPop Art emerged in the late 1950s, but it reached its peak in the ’60s and ’70s. When we talk about this style, the first thing that comes to everyone’s mind are probably Andy Warhol’s “Campbell’s Soup Cans” or some other work from his oeuvre, since he was one of the most prominent artists of the Pop Art era.Pop Art was unlike any other style because it incorporated elements from popular culture (such as comic books, newspapers, road signs, and even soup cans) into art. One of its main goals was to point out how pointless the elitist culture is. To achieve that, artists mostly relied on satire, parody, and irony. Bright colors were immensely popular, especially red, blue, and yellow.During this time, the art of collage blossomed. Creatives used imagery from newspapers and movie stills in their projects to ridicule current events and the banality of mass culture.Besides Warhol, one of the most significant artists of the era was Richard Hamilton. His collage “Just what is it that makes today’s homes so different, so appealing?” was made in 1956 and is one of the first iconic works of Pop Art. Hamilton believed art needs to address the rise of consumerism and the role of technologies in everyday lives, which shows in his projects.The website for Gucci’s Spring / Summer ’18 collection resembles Hamilton’s collage in style. Peculiar, amusing illustrations, wild colors, and combinations of seemingly unmatchable elements all reflect the spirit of Pop Art. The user interface is subdued, which puts the featured collages into the spotlight and allows them to capture the visitor’s undivided attention.Atomic AgeIn terms of design, the Atomic Age refers to the period from 1940 to 1963. Back in those days, people were terrified of the potential of nuclear warfare because of the ongoing Cold War. But at the same time, constant technological progress and human achievements fascinated them. They were particularly intrigued by space explorations (the Space Age started in 1957 with the launch of the Sputnik satellite and it’s still going). Architecture, design, fine arts, and even fashion at the time reflected the conflicting emotions caused by the unstoppable technological advancements.Designs from this era are instantly recognizable because they rely on atomic motifs and elements typical of the Space Age, such as stars and galaxies. Abstract shapes and forms from nature (such as cells and amoeba), were also widely used in designs.Hypergiant’s website showcases the use of Atomic Age designs in a modern setting. The bright yellow and blue hues make you feel optimistic from the get-go. The combination of textured photography and monospaced fonts makes you feel as if you’re exploring a document from the Space Age era. The choice of these design elements comes as no surprise because Hypergiant is a tech company focused on space and defense. The style of some of the sections on the site resembles that of the political documents published during the Cold War.Vintage ‘70sThe psychedelic elements typical of the 1960s remained immensely popular during the ’70s, especially in terms of typefaces. Thanks to the use of thick lines, outlines, and font swashes, typography looked particularly appealing and interesting. Aside from playing with curvy fonts, creatives expanded their horizons and started to experiment with other artistic forms, including fashion, music, and art. They used bright, bold colors, simple shapes, and lots of floral and paisley patterns.The ’70s gave us several trends that are popular to this day. But one thing that this decade is known for is impressive poster design. The artists of the time adorned their posters with colorful, attractive photography. And by adding vivid colors and groovy typography into the mix, they created timeless pieces of poster art.Creative developer Rob Smittenaar perfectly demonstrates how the 70s aesthetic can be successfully used in web design on the website he created for fans of Quentin Tarantino’s film “Once Upon a Time in… Hollywood”. The site resembles magazines typical of the ’60s and ’70s. Its retro vibe, the modest interface elements, the color palette that matches that of the movie, and the rich and bold typography make browsing this site feel like a nostalgic adventure.GrungeThe term “grunge” was coined to label a specific music genre influenced by punk, rock, and heavy metal. The grunge design that was popular in the ’90s mirrors the rawness of the mentioned music styles and adds the real-life urban and industrial imagery into the mix. Graffiti and gritty textures were the main characteristics of this style. Because of their unpolished look, grunge designs aren’t for everyone. They can become overwhelming for the average user who perhaps isn’t accustomed to their ruggedness. But when aimed at the right audience, the elements of grunge design can make projects look more memorable and eye-catching.The Punk Is Not Dead website features prominent characteristics of grunge design introduced in a refreshing way. The concoction of vivid pink and bright yellow hues, flat and simple icons, and strikingly designed elements delivers a serious artistic punch to the visitor. The background music and attention-grabbing animations illustrate the freedom that lies at the core of the grunge style.Final ThoughtsTo describe something as vintage, it needs to carry the spirit of another era and mirror its visual style. And while there is a variety of different artistic eras to explore, our roundup features some of the most popular and widely used vintage styles in all design categories. From baroque and Victoriana to grunge and everything in between, these eras have all greatly influenced the art world and they continue to intrigue and inspire creatives of all ages.But before you implement their characteristics into your own projects, make sure to understand them well first. That will help you decide on a style that best matches the purpose of your site and the aesthetic of your brand. And as examples on our list illustrate, just because something is vintage doesn’t mean you can’t make it look modern at the same time. The use of compelling animation effects and cool interactions will give your website a contemporary appeal, while all the vintage elements will enrich it with a timeless vibe.Originally published at https://qodeinteractive.com.Amazing Examples of Vintage Style Web Design was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.