articles on

Web Design and Visual Design for Nokia OZO

Web Design and Visual Design for Nokia OZO

Nokia OZO is a web design, interaction design and UI/UX project shared by Viktor Vörös on his Behance profile. OZO is a virtual reality camera, the first of its kind and of course it looks extremely futuristic and the work that Viktor did an excellent job showcasing it on a beautifully simple and elegant web site. The cool thing about his design is that the camera is always on the first plane and everything looks secondary in a way. The images of the camera always pop and the low contrast text and black and white theme help with that quite a lot. Enough of descriptions, check it out after the break and let us know what you think. The world’s first professional Virtual Reality camera. Crafted by Nokia Technologies, OZO combines the ultimate in engineering capabilities and intelligent design to offer you the best Virtual Reality production experience. Viktor Vörös is a digital designer from Szeged, Hungary. He is passionate about design, always keeping his ambitions high and quality in focus at all times. He has done work for clients like Microsoft, Samsung, L'Oréal Professionnel, Vogue, Rolls-Royce, Konami, 20th Century Fox & more. For more information check out http://hellowiktor.com/ Web design

Web Design & UI/UX: Team "Named" Concept

Web Design & UI/UX: Team "Named" Concept

We would like to share this web design project by Minjae Baek entitled: Team “Named”. There isn’t much information about what it is entirely about but the mixture of personal work/unsplash into his layout suddenly makes everything different and out of this world. I gotta love his visual approach, somehow the layout kind of reminds me of Abduzeedo’s. Published on Behance is the work from Minjae Baek who is a designer and artist based in Seoul, Korea. Working as a senior designer at the Creamunion, you can definitely see how diverse is his work from graphic design to UI/UX. I look forward to see more of him in the future. Team 'Named' - Artwork Collection Website - personal artwork & Unsplash, The Met photos.  

Web design: One Letter One Song UI/UX

Web design: One Letter One Song UI/UX

One Letter One Song is a web design, UI/UX and art direction project shared by Aykut Yilmaz on his Behance profile. There is not a lot of information about this project on the page but I assume it's a game about music skills where you have to figure out the title of the song by know the first letter? Am I completely wrong? Anyways the visual design is bold, colorful and in a way a bit unique. The iconography is also beautiful with very thick strokes. There are some new trends in place like the very long shadow on the browse page, and they look quite wonderful. Take a look after the break and let us know what you think. Aykut Yilmaz is a freelance senior art director from Istanbul, Turkey. For more information make sure to check out his profile at https://www.behance.net/aykutyilmaz Web design

Web design: The Journal Concept UI/UX

Web design: The Journal Concept UI/UX

The Journal concept is a web design, UI/UX and graphic design project shared by Bohdan Kononets and Slava Kornilov on their Behance profile. As the name suggests, it's a concept project for a journal or a blog if you prefer. There are so many good things about this project, in particular the detail pages. The little colored frame for content gives it a nice editorial style, of course there might be some issues like the images overlaying the borders. Anyways, it's a great project and definitely inspired me for the next batch of changes on the Abduzeedo design. Bohdan Kononets and Slava Kornilov are the designers and founders of Flat Studio, a team with full range of services. They have worked on projects for Google, Microsoft, Tesla, Rambler, Novo Banco, Continente, Uplabs and Cleverdo. Our principal rule is to keep things simple, intuitive and adaptive for every person in the world. For more information check out their website at http://flatstudio.co/ Web design

Web Design: Redesign of Lux Capital

Web Design: Redesign of Lux Capital

Lux Capital is a web site redesign project shared by Christopher Reath on his Behance profile. This web design effort is an excellent example of graphic design and UI/UX done properly, at least in my opinion. You guys might already know how much I appreciate simple black and white themes for UI and Lux Capital has a lot of that, with a pop of color with the accent red color. The website was designed to be screen agnostic, so that anyone was able to experience the site regardless of their device or screen size. Typography wise, the site features a bold, Swiss style with Brown and Aktiv Grotesk for the typefaces. Credits: Branding Agency: Mucho Digital Agency: Purple, Rock, Scissors Web design About the designer Christopher Reath is a designer at Purple Rock Scissors, a design agency based in Orlando, Florida. Christopher's work is focused on Graphic Design, Branding and Art Direction. For more information check out his Behance profile at: https://www.behance.net/chrisreath

Web Design: Femme Magazine Desktop and Mobile

Web Design: Femme Magazine Desktop and Mobile

Femme is an art direction, web design and UI/UX project shared by Ruslan Siiz on his Behance profile. What can I say about this project besides it's awesome. I love the different variations of the layout with grid of images, sometimes in Pinterest style and others in a much more magazine/editorial look. As web design goes, I believe this project features all the major trends in web design. The detail pages are gorgeous, including some split screen designs, another very hot trend right now. Anyways, I am taking so much notes for some refinements I want to add to ABDZ this year. So check out the Femme project and let us know what you think. Femme exists as a global luxury, life and style directory. Developed to stimulate, inform and entertain readers with a wide spectrum of topics from high fashion and film to music and art. About Rulsan Siiz Ruslan is an Art Director & Designer living in Warsaw, Poland collaborating with amazing people around the world to create experiences for the most ambitious brands in the world. Focusing on visual design & digital storytelling I had the pleasure to work for Disney, Crate&Barrel, Dustin Farrell, Cloudbank and Damps&Lyland. For more information check out: http://ruslansiiz.com/ Web design

Web Design: Squarespace Re-design

Web Design: Squarespace Re-design

Squarespace Re-Design is a web design and art direction project shared by Peter Bagi on his Behance profile. I have been a fan of Squarespace pretty much since they started. I thought about moving ABDZ to their service, however it's not an easy task, even though it's still in my plans. Back to the project, the new design follows the simplicity and the black and white theme that have become almost their signature.  There's much more to love and I feel that they achieves something extraordinary with less imagery and much more typography. The project was broken up into different phases. Concepting, wireframing/UX, design iterations, prototyping with Principle and finally full development. My role was to create sub features pages along with helping support the design leads on the main page design. The main page web design features some quite elegant solutions for footer and an interesting grid system with two columns but with different widths apparently. It's an smart solution to create a look that feels more editorial. Another signature component of their brand was preserved, the Gotham font for titles, headings and links. They use Gothan always in all caps. Another detail that I quite like the the letter-spacing or kerning. Much wider, which gives a even more modern look. Anyways, take a look at some of the screenshots below. Web Design About Squarespace Squarespace makes beautiful products to help people with creative ideas succeed. Squarespace's platform empowers millions of people — from individuals and local artists to entrepreneurs shaping the world’s most iconic businesses — to share their stories and create an impactful, stylish, and easy-to-manage online presence. About Peter  Bagi Peter is an art director based in New York City working for Squarespace.  I start by getting a feeling and vibe for your project and offer up design solutions that are attractive & effective in communicating your objective. I have a strong drive and desire to produce work that is dynamic, fresh and has a strong narrative. My love & skill for photography brings another element to projects. and because I put my passion into every endeavor.  Credits Creative Director - David Lee  Design Lead - Andre Ribeiro  Design Lead - Tom Sears  Designer - Peter Bagi  Designer - Chris Ramirez    For more information check out Peter's website at http://peterbagidesigns.com/

UI Design - Trello Atlassian Redesign Concept

UI Design - Trello Atlassian Redesign Concept

Trello Atlassian is a UI Design concept project for the redesign of the popular service Trello. It was originally shared by the Netguru Team and it's an extensive exercise on how to improve a tool that their team use daily. They also got motivated by Atlassian's acquisition of Trello and that motivated them to think about a complete visual refresh of the product and try to make a little bit "slicker" - as they mentioned. We are well aware that a comprehensive redesign would be based on a host of different factors: business objectives, user needs defined as a result of data analysis, and so on. We were not aiming at a total overhaul of Trello – we focused exclusively on Trello's visual experience, bearing in mind all the limitations of such approach. The project was created by Anna Klawikowska, Michal Parulski and Serge Soskowiec. They are designers from Poland and part of the Netguru Team. Their work range from graphic design, typography and UI Design. I highly recommend you to check out their Behance profiles for the complete portfolio. There's really inspiring work. UI Design A Trello board is a list of lists, filled with cards, used by you and your team. It’s a lot more than that, though. Trello has everything you need to organize projects of any size. It works in real-time. When somebody moves a card, it moves on your board instantly, no matter what device you use. You can keep your tab open all day and never have to refresh. Plus, Trello opens and loads so fast you won’t even notice. - via Trello.com

Website Redesign - Schüco

Website Redesign - Schüco

Schüco is a website redesign and UI/UX project created and shared by Alexey Ivanov. There's a lot to love on this project, from the minimal approach with big and bold typography to the beautiful imagery that they used. I am a fan of architecture so the photos and the type of layout works incredibly well in my opinion, take a look after the break. In the last couple of weeks, i visited the site Schüco, and realized that this company’s website is outdated and requires a redesign. The site should follow the new visual identity of the web redesign concept: minimal, fresh, user-friendly. The analysis was made to make key changes such as: Improve site navigation, Freshen the look, Introduce new interactive features to the site, Correct structure of the site, Fix the technical components of the site. Website Redesign About the designer Alexey Ivanov is a designer from Fargo, North Dakota in the US. He has over 5 years of experience in web design and likes to create stylish & creative web and graphic design projects

Product Design: Listener's Playlist

Product Design: Listener's Playlist

Listener's Playlist is a product design project shared by Anzi. It started on Facebook as a group where friends would share their favorite music. It evolved to a complete app that uses SoundCloud API. There's also a lot to love in terms of design, very minimal and simple with huge focus on the content. In addition, I could highlight the bold typography. It's quite elegant and despite the fact I don't like the hamburger menu, the design of that screen is quite beautiful. Another detail that adds a lot of value is the sound waves animation that divides the content. It was quite clever and adds those little moments of delight that captivates user's attention. Product Design About the designer Anzi . is an art director from Seoul, South Korea. For more information check out http://anzi.kr/

Zero - Branding and Web Design

Zero - Branding and Web Design

Zero is a Branding and Web Design project shared by Ben Mingo, the lead designer with collaboration of Linda Eliassen for Ueno . Zero is a mobile banking experience and it works alongside a physical card. The design follows a very simple and almost monochromatic style. There's also a interesting grid with some aligned with pristine typography.  Zero approached ueno to build their brand & digital touchpoints from the ground up. About Ben Mingo Ben is an interactive designer at UENO. Fore more information make sure to check out his website at http://benmingo.com/

QBC dance studio - UI/UX

QBC dance studio - UI/UX Design

QBC dance studio is a branding and UI/UX design project designed by Alexander Shmelev. The project was published quite a few months ago but I decided to feature it because more and more I see projects sharing the same visual language. The usage of vertical text, the presence of a grid but with the elements breaking a bit the uniformity of the composition are just a few things that make this design interesting. Of course there's the beautiful imagery. I don't know how well it works but the visual design of the static mocks look quite inspiring. Alexander is a graphic and web designer from Moscow, Russia. For more information make sure to check out his Behance page. UI/UX design

CHI Development Center- UI/UX

CHI Development Center- UI/UX

CHI is a UI/UX project for a Ukraine, development center located in Kharkiv. The project was shared by Sergey Filonenko and we can highlight a few reasons that it deserved the feature. First the nice grid system and typography. Second and most important for me, the abundant white space. They say that simplicity is the ultimate sophistication and, in my opinion, Sergey achieved that quite well. Of course there is a lot of questions on how a design like that would work in different screen sizes and mediums, however for the inspiration sake, I will keep that project on my list of simple, yet elegant UI/UX solutions Sergey is a UX designer from Kharkiv, Ukraine. He has quite a few beautiful projects on his Behance profile. I have an special admiration for the simple UI/UX ones. For more information check out https://www.behance.net/ffiilll UI/UX

Globo.com - UI/UX

Globo.com - UI/UX

Globo.com is one of the most popular web sites in Brazil. I'd say that the main reason is because of the popularity of the TV Globo, they dominate the marketshare, but I have to also highlight that their website is one of the best news site in the world. I know a few people that worked there and they are some of the most talented designers I know. This project is a good example of the UI/UX work behind a product like that. The project was shared by Felipe Luize on his Behance profile and he describes the importance of having a system that allowed them to A/B test 5 different variations of the design in order to pick the most efficient. The globo.com home page is one of the most accessed pages in Brazil. Every decision here needs to be exhaustively thought and tested carefully. The project had the intention of updating the technology and this would allow us to do some several updates based in data. It became possible for us to have at least 5 different versions of this page being tested at the same time. - Felipe Luize Behance UI/UX For more information about this Felipe's work check out his website at http://www.felipeluize.com/

D — C — R - UI/UX design

D — C — R - UI/UX design

Minimalist design is something that is getting more fans and adopters. Apple is a big contributor to this change, they have been reducing their hardware design to the barebones of form. That includes packaging as well. There are some industries that minimalism has always been the trend and I feel that interior design and furniture is a good example, especially the upscale tier. D ——— C ——— R is an online shopping for decor UI/UX from the folks over at Adencys and they really do a good job at that. Below you can see a bit more of the design specs and final design of their store. It's a good reference that they were kind to share with us via their Behance profile. We are glad to present a new project - online shop for decor. Clean, bright, minimalist website with bright accents. UI/UX design Adencys is a design studio specialized on digital UI/UX. For more information check out https://www.behance.net/Adencys

AgXXI - UI/UX

AgXXI - UI/UX

The evolution of the desktop web is quite interesting, we went from Flash websites that were very unique, some quite futuristic like 2Advanced to also layouts that were more editorial. Flash allowed that kind of freedom because it didn't need to be complaint with W3C and browsers. Then the web 2.0 came and things went back to simple HTML/CSS. Now with HTML 5, CSS 3 and Javascript we start to see more and more layouts that are more refined and have more editorial look. That's the case of the AgXXI UI/UX project shared by Diana Polar. AgXXI is an art gallery website, which purpose to support and present works artists both this century, and some projects of last generations. - Behance UI/UX About the author Diana Polar is a graphic and web designer from Saint Petersburg, Russian Federation. For more information check out her Behance profile

Clearly UX/UI

Clearly UX/UI

There are some industries that really shine when it comes to web. The way they showcase their products and important user flows are super well crafted. I remember seeing the Warby Parker site and their purchase flow and I was blown away. I wished booking a fly was that cool. The cool thing about that was that it pushed the industry. Now you see others paying more attention and of course spending more of their budget in design, especially UX/UI. I believe that's the case of the Clearly project shared by Diogo Akio. He worked with the Huge Toronto on the redesign of Clearly.ca. I love how clean and organized the design feels. It's simple minimal but it really highlights the glasses. The design also renders beautifully on mobile and tablet screens. I also really like the subtle shadows on hovers and other little details. Below you can see some of the main screenshots. UX/UI Diogo Akio is a Brazilian Designer and Art Director living in Toronto, CA. For more information check out http://www.diogoakio.com.br/