I haven't posted anything about web design in quite a long time. I have been so focused on Android app design and development that I am starting to feel that I am getting out of touch. To freshen things up today I wanted to share the personal project that Owi Sixseven put together for Logitech. The project is just for fun, but the end result is quite inspiring. On the occasion of the renewal of the corporate image of Logitech® i created this proposal design for the corporate website. A clean and modern look that blends with the new corporate line. The main objective of this project is to propose a new corporate image. This is not an official Logitech work and all images used are owned and registered by Logitech® http://www.logitech.com/ The rebrand by Design Studio https://www.wearedesignstudio.com All the design, photo edit and UX/UI by owisixseven http://www.sixseven.es Thanks!
The web is changing and it looks like it's for the best, at least in terms of design. It's interesting to see this evolution since the web 2.0 era, the time we started ABDZ. The focus on content has always be the most important thing, but a couple of years ago the trend of big cover/splash images took over and most sites adopted. Now we start to see a bit more refinement and ways to use the grid or to break. In this post I would like to share some examples illustrating this tendency.
One thing that really amazes me is how much better the web has become, especially in terms of visual design. Video has become part of the tools available to communicate the desired message and enhance the user's experience. The work that Kyson Dana and Garth Pratt put together for the SolarCity Recruiting Website is a great example. Beautiful imagery, appealing video loops. Founded in 2006 by the Rive Brothers and with Elon Musk as the Chairman, SolarCity has since grown to become America’s largest solar provider with more than 12,000 employees. The company has a mission and vision to entirely remove the need for fossil fuels in the US and make each home, building, and business completely sustainable on solar energy. In order to accomplish their vision and continue to grow faster than any other clean energy company, SolarCity needs to be recruiting a massive amount of new employees per month. Our task was to create a recruiting website that could handle the job of bringing in and hiring the people who are going to build this planet's future energy company. It's only been a few weeks since the launch of the website but we've already seen tremendous results. Not only does the website look beautiful but it is incredibly effective as well, driving 80% of its traffic into the conversion funnel. We couldn't be more pleased with how it turned out. For more information about Garth and Kyson, check out http://www.garthpratt.com/ and http://www.dribbble.com/kysondana
Based in Philadelphia, USA, the design studio named SuperFriendly have been bravely working their way on sites and apps for screens of all sizes. Working with brands like TechCrunch, Entertainment Weekly and more, it's just really to see their process on the branding and web design. All Rights by SuperFriendly All Rights by SuperFriendly All Rights by SuperFriendly All Rights by SuperFriendly All Rights by SuperFriendly All Rights by SuperFriendly All Rights by SuperFriendly All Rights by SuperFriendly All Rights by SuperFriendly All Rights by SuperFriendly Links More info about SuperFriendly: http://superfriend.ly Follow SuperFriendly on Behance: https://www.behance.net/superfriendly
Fantasy is a User Experience Design Agency based in San Francisco and New York. In this project they created a system to simplify digital healthcare to make it easier for patients to find doctors and so on. Check it out! For more from Fantasy visit f-i.com. I was fortunate enough during my internship at Fantasy SF to work on one of their renowned case studies : What If We Could Rethink Digital Healthcare? Based on the work of Sacha Jerrems and Anatoliy Gromov, and with the help of Claudio Guglieri (Director of Design) and Scott Carter (UX Lead), I designed the whole experience from desktop, to mobile and Apple Watch, before it was passed on to the motion team that brilliantly brought it to life. - Julien Perriere No matter who we are, staying healthy – and making sure we have access to care when we’re not – is an important part of life. Surely something so important should feel simple? However, in 2015 we believe that health, technology and infrastructure have reached a moment when real improvements can be made to the way people look for and access health care everyday. So we began to look at an aging system through the lens of progressive disruption to explore “what if?”
Lately I've been doing a lot of references research and it's cool to see all the different styles of design in many websites. For me, one of the trickiest parts of a website to be designed is the footer. For me it's like the cherry on the top of the cake. Here is a selection I've made of some pretty cool footers. Some might seem simple, others more intricate, and to me this diversity represents footer design these days. If you've seen any cool footers lately, don't forget to share it with us! Cheers. ;) Tens Reuben Crossman mākgoods Maybe.For.You HTO Made by Few Paradox Kittie's Cakes Visual Soldiers Scottie & Russell Windy City Crossfit Designer Trek Skargaarden
Gene Ross is an Interactive Designer and Developer from Marquette, MI who crafts some beautiful web interfaces. In this post I selected a few of his work for you to admire. Enjoy! For more from Gene Ross visit geneross.co and dribbble.com/geneross.
Since the first time I heard about the Grid platform I got really curious about the idea behind it. "The Grid harnesses the power of artificial intelligence to take everything you throw at it - videos, images, text, urls and more - and automatically shape them into a custom website unique to you." - Sounds awesome but I really wanted to see a bit more about it and in this post I finally got an idea of how the outcome will be, and it look awesome. Check it out. For more information about Leigh Taylor check out his Behance profile at https://www.behance.net/leightaylor Working designs of the Grid platform. A collection of conceptualisations of what is currently being developed. *Subject to change for something more awesome.
Brazilian Designer JP Teixeira put together an amazing concept design for a new IMDb website. Very modern look build off high quality photos on a solid grid which makes it really interesting way to navigate the site. Take a look! For more from JP Teixeira visit behance.net/joaopaulots. This is just a non-functional prototype built in webflow.com without concern for real content, information architecture neither UX. I know that this non apply in real world and there some troubles for traditional users. It's just an exercise of a tool to show a new concept with responsive interfaces, my only goal with that is just fun and show something cool about the new portal esthetic. I hope you enjoy! Click to view live prototype
Web has changed so much in the last 10 years, be it the end of the Flash era with the historic Steve Jobs post proclaiming why Flash wasn't good, Web 2.0 and the introduction of the iPhone to the mobile web with responsive design. There has been so much innovation in technology like faster connections that has allowed us to have more visually rich experiences. A couple of years ago we also saw the explosion of long scrolling pages aligned with uniform grids inspired by the Metro design that Microsoft adopted. This post celebrates past innovation while showcasing some design styles that I believe will help keep the web evolving. In my opinion, with CSS Flex Box, Columns, Regions and many new features we will be able to have powerful grid systems that will also allows us to do what graphic designers have been doing for ages, break the grid, explore with typography and create even more personalized and branded designs.
Simplicity has always been one of the most challenging goals to achieve by any designer. There's a thin line between simple and unfinished and I believe what separates them is the level of attention to details and finesse in the composition, even if the designer chooses to follow an asymmetrical style. The project Our Menu by Hans Pelle Jart is a good example of mixing graphic design with web and the result is quite elegant and beautiful Our menu is a blog about fashion, dance, beauty and film run by Marie Schulz. Marie Schulz is a freelance stylist, Community Manager at Proximity BBDO Swedeb and producer for Forsworks, based Copenhagen. For more information about Hans Pelle Jart check out http://www.make.dk/
Every beginning of a new year we make our resolutions, we set plans and as if everything starts from the ground up, we talk about trends for the new year. I am one of those but I believe that most of the time the new trends are nothing more than an evolution of something that started before, even crazy changes like in 2013 with the big switch from skeuomorphism to flat design. For 2015 I have been reading a lot of articles about this topic, if you check out on Pinterest there are some infographics and a bunch of boards about it, some have really nice insights, but nothing that someone following the web wouldn't assume. Here's an example: I agree with some of the points the author listed, but mobile first approach has been around us for over 2 years. Also I believe parallax is overused and hijacking the scroll is not very user friendly. Besides that Clean and Simple Layout is not a trend but a goal for every design project. In my opinion I think what we will start seeing more the more and more use of animation to give context and affordance to the most important parts of the UI. Technology and powerful hardware will make this possible more than ever, and we already see some good examples, like the beautiful work of that Jongmin Kim put together giving life to to Google's Material Design Principles That said here is a list of things I think will be on top of our minds in 2015 Motion Design beyond After Effects: We have been seeing more and more beuatiful animations and motion design work being shared on Dribbble and other design sites. I think it's time for us to see the same level of quality in motion on the Web. We know that it can be achieved, thank you Jongmin! Prototyping: In 2014 we saw a bunch of new tools being created to help us to prototype our work, tools like Frame, Pixate, Form, Invision and so many others. I think any designers that wants to have quality work must learn how to prototype and test their designs on the device, not on the laptop/computer screen. Material Design: Google has done a great job putting creating a very comprehensive set of guidelines and a beautiful new visual language. Dead of blank screens while loading new content: with motion design and technical capabilities, we finally might start seeing some native looking animations and transitions on the web. As you could see, I didn't mentioned anything related with visual design per se, I think the visual language will always depend on the branding of the product or service we are designing for. Most of the topics I mentioned are related to creating engaging experiences with refined and beautiful behaviors. I hope these things become true in 2015, otherwise there will always be 2016.
Web design keeps evolving all the time... trends come and go pretty quick and sometimes we don't even have time to catch up to them. A cool trend I really like seeing the video background, usually used as presentation. I've picked some nice examples of this trend. Check it out! Here you can see my picks. Of course these are only a brief selection. There are tons of other examples all over the web, so if you've seen any site sporting a video background, drop us a link! We'd love to see it. I hope you enjoy this selection. Cheers! ;) P.S.: If by any chance your browser doesn't support HTML5 video and you can't see the animations below, click the titles to visit each website... or for a definitive solution, get Google Chrome. design+code Video not supported. ThoughtSpot Video not supported. Google Photos Video not supported. Oven Bits Video not supported. Union Video not supported. Lees Ferry Video not supported. Towa Video not supported. Dunckelfeld Video not supported. Cobble Hill Video not supported. Geckoboard Video not supported.
I have seen quite a few personal projects in which a designer picks a website, usually a famous one, and redesigns it from scratch. The designs are generally beautiful and well executed. We know that there are minimal constraints that most designers for those companies might face. Among all these posts about personal redesigns, the one that Serge Mistyukevych put together for Penguin Random House is indeed one of the most complete and really well thought out. Serge is a multidisciplinary designer primarily focusing on creative direction, UI/UX and interaction design. He is passionate about designing digital products the right way for the people who use them. And love to create expressive and effective designs, with scrupulous attention to details. For more information about Serge check out his website at http://mistyukevych.com/
Agency Dominion is a small web design studio based in Toronto, Canada. Since 2008, two people working in a bedroom office had their work been recognized through awards and publications. Designing a website is not only for the content but telling your client’s journey. We’re excited about the future, and privileged that our customers continue to trust us with their most precious asset. Their futures. All Rights to Agency Dominion All Rights to Agency Dominion All Rights to Agency Dominion All Rights to Agency Dominion All Rights to Agency Dominion All Rights to Agency Dominion All Rights to Agency Dominion All Rights to Agency Dominion All Rights to Agency Dominion Links: Website: http://www.agencydominion.com Behance: https://www.behance.net/agencydominion Via Behance
Beats by Dre got acquired by Apple recently and like Apple their products they've always had a really stylish design, not the most durable though, I have one that broke a couple of weeks after I bought it. Anyway, for this post I want to share the Beats by Dre website project that Jordan Fripp posted on his Behance profile. I quite like the beautiful photos with the bold/condensed titles. Working on the Beats by Dre brand was a great opportunity to work with a hot global brand and create a fresh e-commerce experience. Collaborating with the R/GA team in LA, we wanted to create a new product detail page that was editorial, beautiful and a great shopping experience. Immersing ones self in each product let's the user fully experience what that product is all about. Gorgeous large scale images, simple animated storytelling and a very thought out navigational experience all came together to create a clean new shopping experience for one of the world's hottest brands. In addition to the product detail page we created new experience for category browsing that integrate celebrity product usage, storytelling for new products and surfacing of limited editions. The shop all page was also scrutinized over to create a very simple but refined experience for Beats small but impactful product line. New icons, a clean simple layout and bold colors make this updated site as alluring as it's products are. For more information check out Jordan's website at http://www.frippdesign.com/