I love when designers are able to translate a classic editorial design to the web, even if it's just for static mocks. I understand that you might think, oh that cannot be fully done with the variant screens sizes, resolutions, responsiveness - you name it. The truth is, the only way to find out is by trying. I love designers that push the visual design exploration and seek inspiration from well-established concepts borrowed from the print world. The Q. Tarantino project is a great example and makes me want to redesign ABDZ once again. The designer behind this project is Lina Bo, a UI designer and illustrator from Barcelona, Spain. For more information check out https://www.behance.net/lina_bo
We talked and posted a lot of visual design references that we believe are the new trends for 2016. The Abduzeedo blog is a good example with some of the styles for typography, especially vertical orientation texts on the sides, a lot of white space and a non-uniform grid. Of course we are just a blog with a lot of constraints, including technical. That's the reason we posted about sites, magazines and books we used for reference. The project we share today wasn't used for reference but it could definitely be. Rock You is an online store, the official representative of Nike in the UK. It has bold typography and a very editorial design. For more information check out the Behance page for this project shared by Dmitry Kolesnikov.
Independent Brands, I feel there so many out there nowadays. Free from the outside and happily working without a hassle at making their own trademark which is a very good thing. The old days when only big brands were ruling are gone. Part of the brand process, one of the many crucial things to associate with to your product is your site. If your customers/target audience doesn't know what your product is all about after a few seconds then all your efforts are worthless at this point. Get your hands on with your users because it is more than a "Menu + Header Image + CTA" formula. It's about transcending your image/brand to the right customers. Farer.com Allbirds.com Nextbit.com Ratiocoffee.com Getrest.co Madera.com.au AliceAndWhittles.com Cbyge.com Marketplace by Invision MasterDynamic.com SheThinx.com Shop.FiftyThree.com Image Cover by Clark Street Mercantile: https://unsplash.com/photos/P3pI6xzovu0
Personal projects are always the best way to practice and evolve techniques. Since I started ABDZ I have been posting a lot of these types of projects, including my own. The interesting thing is that there are always some projects that people love to try and for some reason, the Logitech website is one of them. We feature a project last year and today we are featuring another one from Fatih Ocak. The cool thing about this project in my opinion is the simplicity and and typography. Some product sites usually focus a lot on huge hero images, like Apple for example, but his solution is a bit more minimal, there are images but they feel more blended with the content. Fatih Ocak is a UI & UX Designer from Istanbul, Turkey. For more information check out his Behance profile.
Translating design across multiple mediums is always a big challenge for even experienced designers. A solid branding system gives the flexibility and scalability to allow designers to carry over some design elements, the épuré – Fashion is a good example of that. The editorial design is strong and perfectly translated to the web. The project was created by Robert Gutmann, a graphic designer based in the south of Germany. Currently studying media design at the Offenburg University of Applied Sciences where he's just about to finish his bachelor thesis. Besides his studies he also works as a freelance graphic designer, Illustrator and Photographer on projects for various clients. You can check out his full portfolio at http://www.robert-gutmann.com/
I have been following the evolution of web design pretty closely over the last year always taking notes, bookmarking and looking for inspiration. It's crazy to think that a lot of sites became what Flash sites were in 2005. Many sites unfortunately rife with loading screens and animations that seem superfluous. However, there are things that really got better. Typography is much better and we're seeing sites with decently executed designs that resemble magazine layouts. For this post I'd like to share a Tumblr website design proposal created by Clément Pavageau (Watson DG) for Lucas Film to help showcase Star Wars Episode VII fan art. Lucas Film asked Watson DG to create a tumblr website showcasing Star Wars Episode VII fan art. Art Awakens is a fan-art competition in promotion of Star Wars : The Force Awakens. Amateurs and artists fans can submit their art for a chance to be featured in a professional art exhibit. - Rejected design
Serge Vasil shared a super cool project on his Behance profile, it was a responsive website project he did for Adobe and the best thing about it is that you can download the PSD for some Reverse engineering. There are so many things to like about the visual design, the grid, the typography and I also really like the tablet version. Take a look after the break and I hope that inspires you on this Superbowl Sunday. Serge is a Senior Visual and Product Designer with 12 years of extensive expertise in design for Creative Direction, Art Direction, Branding, UI/UX, Mobile, and Web. He likes crafting sophisticated and meaningful experiences as well as innovative digital projects.. For more information check out https://www.behance.net/vasege I'm excited to show you some new work for Adobe. This is a fully responsive website that illustrates and showcases Adobe Dreamweaver from the Adobe CC 2015 release. Download the PSD file
A great to exercise our skills and to evolve into better designers is daily practice. All the great names out there have practiced their skills and became people to look after. Hezy, a design group based in New York, started a 100 days challenge called "Daily UI Elements" in which they'll challenge you to design a certain piece of interface. Here are some examples of what they've done so far. You should really follow this project and make your own pieces as they challenge you daily. I hope you enjoy this! Keep evolving! Cheers. ;) Instruction and Choice of sport on Mobile Subscribe popup Promotional stickers Post view Homepage for a news website Test and Navigation for mobile app
Back to my posts about web design, UI and UX. Today I want to feature a project I saw on Pinterest titled Bandsøme and it's a web site for a modern furniture design store. The reason I felt so inclined to feature this site is because it has the major components that I believe will be the next trend in web design - Minimalist with nice typography touches like different orientation. Not to mention, the use of the International style grid. This project was created and share by Mustafa Çelik, a designer from Istambul, Turkey. With focus on typography, interaction and Ui design, Mustafa has put together a beautiful work for the Bandsøme. The challenges on implementing a interface like this would definitely put the design to test, nevertheless, it's an inspiring work. For more information check out https://www.behance.net/mustafacelik
Ysa Pinheiro is a young designer who created this amazing curated city guide for the ones looking to get the best out of Tokyo. For more from from Isa Pinheiro visit behance.net/isapinheiro and isapinheiro.com.
Personal projects are fun, we all know that. They give us all the freedom to try things that would be more difficult if we had to consider all the constraints of a real project. For visual design it's an exercise that helps to explore different ideas. The issue I see is that if it's a pure visual design project it can be a bit unrealistic, unless you also have a prototype considering the different screen sizes and content degradation. Josué Solano took his spare time to redesign the fashion designer Alexander Wang's website. The concept has beautiful ideas that are becoming quite trendy, the vertical orientation for text being a great example. Another thing that is a good reference, in my opinion, is the grid system and the way the content is showcased. It doesn't follow a regular order but more organic, much more like a magazine layout. Anyways, I will stop talking and let you appreciate Josue's work. For more information check out https://www.behance.net/JSolez - also share your opinion with us, I'd love to hear your thoughts. Also if you have a project that you'd like us to write about and provide a little critique, let us know.
As we approach the end of the year I always like to take some time to reflect. This year was an important one, not that the others weren't, but living in a new place, a new commute and various other changes on the personal level make this year stand out. I have been trying to manage all of that with Abduzeedo and have been thinking about what the future of Abduzeedo will look like including the new design. The B&O Play - Design for music project created by Robbert Schefman and Ronald Gijezen has a bunch of cool things that I think make for a cool project to be featured and certainly serves as an inspiration for me in my continued endeavor to evolve the site. This project brings a lot of trends that are very common to the forefront. Horizontal sections with different colors and stunning imagery are just a couple to note. Some points of the layout really caught my attention, the mobile and tablet version feel refined and elegant. At the same time they are part of the system and play quite well with the desktop counterpart. The grid seems to work at that size, but this is something that really bothers me about this type of project, you cannot see how it looks at higher resolutions where there's much more real estate available. That said, the 2 columns with gorgeous imagery always work, especially with minimalist styles. The design feels authentic and forceful with no tweaks or over-emphasised elements. The design profile is minimalistic and sleek, intended to both complement and enhance the B&O products Heres a list of things that I quite like: Imagery and typography: very elegant and refined. Footer design Grid system Tablet and mobile view look great, at least the 2 images shown Things I am not quite sure: Design does't look as flexible, especially with big screens. The horizontal sections seem a bit overkill. Too much change of colors creating a stripe effect. Some design lack a bit of contrast between imagery and light typography (I like the light typography though) Anyways, this was just a little critique, something I will probably do more during next year to exercise my writing skills and further expression of my opinions. GYM | Get your model - User Experience animation from Ronald Gijezen on Vimeo. For more information about Robbert Schefman check out http://www.exoape.com/ - and for more information about Ronald Gijezen check out http://www.exoape.com/. All images are reserved to these guys and their amazing work. Make sure to check out the work on Behance.
As I spend my weekends working on the new design for Abduzeedo I take a lot of time browsing for references and saving designs I think might be a good source of inspiration. Behance is one of my favorites because it gives to designers more room to expose their work. One project that I quite liked is the Adriatic Luxury Hotels Website shared by Degordian, Marko Cvijetić and Hrvoje Grubisic. The bold typography and the contrast of the layout are definitely are some of the things I like about their design. Adriatic Luxury Hotels is the collection of finest independent luxury hotels in Dubrovnik, Croatia. We created a visually attractive and responsive website to provide a user friendly experience for visitors from all devices. For more information check out https://www.behance.net/gallery/31280867/Adriatic-Luxury-Hotels-Website
It's great to see designers doing experiments on how a famous brand or website would look with a fresh redesigned. Some ideas we see around are just too cool, and we're here to show you some of these! Check it out. These are some very nice examples of famous websites, like Google, Youtube, Twitter, and others, with brand new looks. Kudos for these designs for doing such nice experiments! For more of their work, please visit their portfolios simply by clicking each image! I hope you enjoy these! Cheers! ;) Vans Redesign Concept By Mykolas Puodžiūnas Ebay Redesign By Tintins Craigslist Redesign By Tanveer Junayed Twitter Profile By Ramil Derogongun Google Redesign By Aurélien Salomon Youtube Redesign By Aurélien Salomon NYTimes Rethink Concept By Tema Troinoi Paypal Redesign By Budi Tanrim
Today I wanted to share another awesome User Interface project, this one is done by Russian designer Andrey Pi. This project is a website for IZI Travel and has so many cool design features. Check it out! For more from Andrey Pi visit behance.net/andrey_pi.
I'm a user of InVision app it's been a while. The tool and the service it's quite amazing and the company is always doing a great job with its blog, always bring excelent articles for the web community. Now they are making something even more awesome, a documentary called Design Disruptors, featuring companies like Twitter, Google, AirBnb and more! The 21st century has seen massive change in the world of business. Traditional industries have been shaken to their foundations by startups that seem to spring up out of nowhere. How are they doing it? with design. In design disruptors, you'll meet top designers at the world's smartest companies, and discover how design has become the new language of business. Some of the people you will see on the film: “Design is human. it’s not about “is it pretty,” but about the connection it creates between a product and our lives.” - Jenny Arden, Google — UX Design Lead Stay tuned and be notified when Disruptors release to the public at www.designdisruptors.com. Also, below is alink to the trailer, it's definitely worth to watch.
This is a digital rebrand of Hult International Business School done by British designer Thomas Le Corre. In this project we will go into the details of framework and digital guidelines all the way into the final design. Enjoy! For more about Thomas Le Corre visit behance.net/thlco.