articles on

People love to redesign Facebook. And you, Like or Dislike?

People love to redesign Facebook. And you, Like or Dislike?

This week I saw an article about a new Facebook Concept and how people, mainly those related to the web field, would love to see a new look and feel for the Social Network. Then I decided to feature some other Facebook redesign concepts I have seen out there. Check that out and share with us your thoughts! ROF TENTIK Facebook’s design has been widely discussed among designers and users, and I’ve seen plenty of criticism: “Why is the design of Facebook’s desktop site so bad?”, “Facebook has a deeper problem than just Vine/Twitter”, “Do anyone else find Facebook to have an ugly design?”. Having reviewed some of the critiques, I decided to try giving it a facelift. What started as a fun side project eventually lead to the Facebook Flat Chrome extension. PONTUS WELLGRAF More and more websites are taking advantage of the increasing popularity and development of higher resolution and full screen layouts to show it's content with full effect. I believe that it's about time for Facebook to step up the game by going full screen and replacing all the empty spaces with intuitively and signficant content. FRED NERBY The concept reached 20 Milion online views within the first week of launch with an estimated global press coverag of 50 Milion readers world wide. JAMES BERGEN PLUMMER I'm loving Google's material design guidelines and thought I'd try out a refresh of everyone's favorite social network..

UI/UX Submarino Viagens Redesign

UI/UX Submarino Viagens Redesign

Submarino Viagens is a Brazilian travel website that had this amazing redesign with a vibrant system utilized photography, rich color, and quirky typography to make the site feel accessible and familiar to previous customers. Check it out!

NYTimes Design Concept

NYTimes Design Concept

Russian designer Artem Troinoi is only 22 years old and has designed this killer concept for NYTimes. This concepts rethinks how newspapers are displayed on the web. The result is simply incredible, the amount of thought behind every element, is just candy for the eyes. Check it out! For more from Artem Troinoi visit tematroinoi.com. To view a full case study about this project visit nytimes.tematroinoi.com.

Logitech Site Design

Logitech Site Design

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!

Breaking the Grid on the Web

Breaking the Grid on the Web

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.

SolarCity Recruiting Website

SolarCity Recruiting Website

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

The Work of SuperFriendly

The Work of SuperFriendly

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

UI/UX Rethinking Digital Healthcare

UI/UX Rethinking Digital Healthcare

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?”

Web Design: Footer References

Web Design: Footer References

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

Beautiful Web Interfaces by Gene Ross

Beautiful Web Interfaces by Gene Ross

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.

The Grid: Platform - UX/UI

The Grid: Platform - UX/UI

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.

Concept Design for IMDb

Concept Design for IMDb

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

UI Design for the Web

UI Designs for the Web

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.

Our Menu UI

Our Menu UI

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/

Designing for Web in 2015

Designing for Web in 2015

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: Video Backgrounds

Web Design: Video Backgrounds

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.

Penguin Random House - Concept Project

Penguin Random House - Concept Project

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/