PayPal seems to be one service that a lot of designers use for UI design or concept redesigns. I quite like that because it's a finance application. It's in a way not towards social/user generated content where it's all about style or beauty. It's about money, balance, transfers and stuff like that. Filippos Protogeridis shared a good one on his Behance profile.The simple and super elegant UI design, it is more image heavy when necessary, like on the promo page and utilitarian when it needs to be. Overall I quite like this concept, much more than the official and current design. Below you can see a bit more of the project. UI Design About the designer Filippos Protogeridis is a user interface and interaction designer, focusing on product design in the technology industry. He is the Head of Design at Yatzer, while also working with several companies as a product designer, namely Transifex, Welcome, Incrediblue and e-FOOD. For more information check out http://www.protogeridis.com/
We would like to share the work from Anton & Irene on what they have worked on their digital redesign for theMet which is the second largest museum in the World. Getting numbers like 33 million visitors last year is huge so the stakes are pretty to create a seamless user experience both on Mobile and Desktop. It was a work collaboration with other teams from program management, development and Anton & Irene on the UX and designing components. After some surfing on the live site, I just love how the branding and design guidelines just made sense (font, sizes and colours) and flows very well during scroll. Also how fluid it is on your mobile experience as well, like having a darker selection to indicate a selected state from the buttons. Give it a look as well at metmuseum.org. Digital Redesign for the Met, World's Second Largest Museum More Information: http://antonandirene.com.
Around this time of year with the celebrations, festivities and many many eats! We will also at the time of the year where we’ll get to enjoy some time off. As a designer, time off also means that we might have to rethink our portfolio, brand and any of our side-projects. Having some rest and being proactive always gives a great balance especially when things are cooling down. Let’s take a look at the work from Ira Banana who is a designer specializing her work in UI/UX and graphic design based in Barcelona, Spain. The work around the grid is fairly clean and simple and what I do appreciate the most is the colours used into the branding. I totally dig that colourful gradient mix! More Information: http://irabanana.com.
We have featured the work from Serge Vasil who is a Senior Designer and Art Director currently based in San Francisco, California. He recently got to work with Adobe on making a fictitious digital arts exhibition by using Adobe Photoshop and Dreamweaver on making the branding and website. I simply love the use of really colorful and vibrant gradients and one detail I even dig even more is the gradient use for the minimal mockup shapes. It’s really neat and hope you will enjoy it too. I am happy to share new work for Adobe. Rendered represents a fictitious digital arts exhibition. I was commissioned to design the branding and website for Adobe to showcase features of the new Adobe Photoshop and Adobe Dreamweaver from the recently released CC 2016. Credits Images by: Ari Weinkle, Anja Mewes, Ana Gomez Bernaus, Črtomir Just, Alex Diaconu, R4dn Studio, David McLeod More information: http://sergevasil.com.
First of all, this is not a site about the programming language but there is actually a name of a product called: Ajax Systems. Aside from the very common product name, we are taking a look at the design and art direction work by Iurii Lence. He is based from Kyiv, Ukraine and he is also the Head of Design over Ajax Systems. Being part as a current member of the jury board on theFWA, lurii has been awarded in the past with by Red Dot, theFWA and Awwwards. As for Ajax Systems, we are taken on dark theme site with micro-interactions, they seems to be more trendy as of late. Subtle interactions that doesn’t bother the users but do add a smoother experience. More information about Lurii via Behance or see the site live at http://ajax.systems.
We’ve been seeing many app designs but we rarely see design with multiple languages. It’s quite a challenge! Knowing what languages will be use in a site or a specific app can drastically change the looks and how it can affect the user experience. Imagine for a case that you are changing the language and the font or characters is taking more width or even the height. How would you solve this issue? Let’s take a look at the work by Alan Lu and his project called NEXT. It’s a music player with playback controls, smart playlists, music sharing and more. What I do appreciate about this project is Alan took the time to implement the little details. As we all do know that is all about the details. This is my recent project. NEXT is a music player with gesture-integrated playback controls, custom / smart playlists, and music sharing. With NEXT you can turn your music into beautiful graphic art and share your unique creative design on the go. More information via Behance.
With all the different UX guidelines there is online about the subject. Everything is about what’s the best practice, what the is most user friendly experience and what are the best tools to give the the most proper optimization for your sites and so on. With all these rules, the web is looking unlikely the same across the board. With that in mind, some designers decides to take a different route, not necessarily easy but they actually make it happen. Let’s take a look at the stunning work from Milk Work who is a senior designer/art director living in the Bay of San Francisco, USA. He worked on an interaction design, UI/UX for Fran Silvestre Arquitectos site and it’s gorgeous. It’s a bold move to go with a graphic design/print mindset for the web, it must have been quite a challenge for the developers. But it is quite beautiful to look at and I must imagine that the interactions must have reflected the concept. The project approach arises from a dual commitment will give a technical answer to a specific context and the desire to seek beauty through the built work. This process seeks satisfaction, understood in its fullest sense, of all those actively involved in development. More information via http://mikevrpv.com.
With the rise of independent entrepreneurs with many great ideas, the concept of marketing yourself is starting to become greater and harder with time. Even if you do have a great idea, concept or product; how you value your brand in front of the whole World through logo, social media, website and user experience. We are taking a look at the work of Daniel Moulin who is a freelance Art Director living in New York City, USA. Let’s look at his project for Litter-Robot, a self-cleaning litter box for cats. He was part of the UX/UI and overall web design work. It’s definitely a clean and very informative approach. Webdesign for a Litter-Robot. Automatic Self-Cleaning Litter Box for Cats. More information via Behance.
Working in UI/UX, one of the many things that goes overlooked is the content. What I mean about content, I mean how big will be the text area and what kind of content will be on the layout. It’s easy to design a beautiful, seamless layout with negative space all over the place. But introducing content and also in another language than english is also a challenge. We are showing the work of Andrey Stelmakh and what I like about his work is that the flow of this layout might work pretty well on mobile. Even though it’s not shown here but we can definitely see how it will be. More information via Behance.
Japan’s railway system is one the the most complex in the World. I’ve personally experienced it a few months back and it’s pretty consisting of many different and connected parts. Once you really experienced a few different trips, you start to understand its complexity and it becomes quite simple. But I do admit there’s been moments where I was found myself in a chaos where I didn’t knew what to do. I would say that most cases of a redesign are mostly based on a user experience in a goal to an improvement for a better overall experience. I would like to share this beautifully executed UI/UX project by Isa Pinheiro’s concept at improving Japan’s railway and commuting system. She came up with a concept to remove a technology in use for the last 15 years and rely the users to their smartphones payments on the go and recharging as well. There’s probably some features and problems that have been overlooked but it’s definitely an interesting concept to look at. Japan’s rail transportation is known as one of the most complex systems in the world. Carrying more than two million people per day, the rail system demands a fast and easy way for people to use it. Their rechargeable contactless cards have been around since 2001 and are the secret for Japan’s smooth commuting. This technology has been around for 15 years and little improvements have been done. People still need to rely on ticket machines at train stations to recharge their cards, to pay their monthly commuter pass and check transactions. You should definitely check out the live prototype that is beautiful done and you can follow the userflow behind the concept: http://isapinheiro.com/?work=pasmo-application More information: http://isapinheiro.com.
As boring as it sounds, designing a corporate site is incredibly fun! I had the opportunity, in the past to design a site for a popular brand and through the layer of pages and pages of brand guidelines and how everything is strict in typography, colours and even how you interact with their users. It's a really hard challenge you do get to learn a lot and especially how we all should learn to listen to our clients even though we know that we can always do better aesthetic work. We are taking a closer look at the work from the folks from Plastic Studio and their work for Hitachi Spain site. Aside from the beautiful imagery, what strikes my attention the most is the overlapping menu on mobile view. Hope you will enjoy! UX, UI, interaction design & front-end and back-end development for Hitachi Spain corporate site. More Information: http://portfolio.plasticbcn.com.
It's been a few days that I'm not posting any new inspiration, and today I'm featuring a concept UI project from Stanislav Krishtal for the famous wear branding ASOS. It's a web project with a lot of graphic design inspiration, a magazine style that we're seeing so much designer using, but just a few making it right! These are all the templates published on his Behance profile, there is no description about the project, but in my opinion the images talk by themselves.
We have been posting more about editorial design and UI design as we believe those two areas will fully intersect, if they are not already. Some designers have been pushing the style and really making this reality. Adrián Somoza's work is a good example of that. I also love seeing motion present on portfolio. It's important to highlight the importance of that and also make me stop procrastinating and focus on learning After Effects. Adrián Somoza is a senior visual designer from Buenos Aires, Argentina. He is currently working at R/GA. His portfolio is filled with great concept projects. They have a great mix of editorial design with typography overlapping imagery and other effects very common in printed material. For more information and to check out his portfolio make sure to visit his website at http://www.adriansomoza.com/en/ UI Design
We are great fans of Anton Repponen's Work on Abduzeedo. There's a distinct level of details that Anton always have in this work and we gotta admit that is quite inspiring. Through his amount of work, there's also concepts which are a pretty efficient practice to perform as a designer. Figuring what would you have done NOT to make better but what could have done to make it work for yourself. I feel this approach makes it even harder as we all know that most of us struggle designing stuff for ourselves. Let's take a closer look at this UI concept for the fancy camera model Leica T. We are all used to see black screen with white pixel typeface scrolling through endless lists of unclear settings and acronyms. Using camera almost on a daily basis inspired me think of some features or improvements in user experience that I decided to illustrate in this project. Please note, that the features presented here might not fit everyone, this is solely the way I would like to use digital camera.Two years ago I started shooting with digital Leica M. A brand and a camera that I really like and that stays true to manual mode. For this particular concept I selected Leica T—a more modern consumer camera with back touch display, but the one that doesn’t scare professional photographers. I do realize that a lot of tasks can still be done by switching knobs on the top right part of the camera, but just for the purpose of the concept I wanted to look into how everything can be done only by using the touch display. In Anton's Words Free Manual Mode Most of the time I use manual mode when taking photographs. For some reason pretty much no camera allows you to make default metering and then start adjusting from there freely (similar to a “P” mode). The idea here is that after the first metering you have complete freedom in adjusting your exposure. Aperture and Shutter Speed are clearly positioned on left and right sides of the screen, allowing you to control each with tapping or swiping using left or right thumbs at the same time (not in two completely different places how most cameras handle it). Default metering sets your Exposure Compensation to 0 (unless set otherwise) and by adjusting Aperture and Shutter Speed in Manual mode it is clear whether you are going to under- or over-expose your photograph. No Separate AV & TV Modes Another thing that bothers me in most cameras is a separation between Aperture (Av) or Shutter Speed (Tv) priorities (as well as Manual Mode). Usually there’s a switch between these three modes. In my ideal scenario it is just one mode where I can quickly “lock” Aperture to set my camera to Aperture priority. After that I can keep adjusting Aperture to my liking, but it will now affect Shutter Speed. At the same time I can quickly adjust Exposure Compensation if I want. Note exposure compensation treatment is illustrated on the grid from -3 to +3 which makes it visually easier to understand whether you are in the minus or plus and how off are you. At the same time only relevant part of the grid is highlighted and not the entire range. Quick Settings Some of the cameras (including Leica T) offer quick access to the most important settings that you might need to change quickly before taking a shot. One thing that I lack the most is quick access to Color Temperature. Most of the time I shoot JPGs so I can quickly post image somewhere. When conditions are unclear I start shooting RAW just because I know camera will get color balance wrong (especially when it’s dark, indoor with artificial light or during the sunrise/sunset). For some reason most cameras offer quite unclear icons such as “daylight”, “cloud” or “shade” which is essentially (5000K, 6500K and 9000K accordingly). With photo retouch software and RAW converters nowadays it is actually easier to think in K (Kelvins) instead of pictograms. Switching to 3000K I know I am going to get cold light that might be good if I am shooting at night time, going over 5000K I know I am going to get more warm (red) colors. Camera Settings Most cameras display settings as a list with titles and what type of mode is turned on/active. Usually user has to use controller to go through the list, enter the desired setting, change it to something else, confirm it and then go back to the main menu. Ideal settings view should display (if applicable) options right in the list mode. This way user can see what is currently being selected as well as tap other option if needed. About Anton Repponen Anton is a designer and photographer based in Brooklyn, New York. He is the co-founder of the mighty design studio Anton and Irene that works mainly in Design, Digital, UX, Photography and more. More information: http://work.repponen.com.
As part of the process of a redesign, by the way I don't know if you've noticed that we are rocking a new Abduzeedo design. If you see anything like bugs or anything; give us a shout. As I was saying, part of the process early in the middle of it, we have a part where you just look for inspirations out there. It's quite fun actually to breathe in different kind of interactions, some cool ones and some just to work your mind a little. We never when we'll have an idea that will pop into our head so it's always a good exercise to do so. I would like to share a series of UI interactions that I thought were quite creative so either being aesthetic or plain playful. Azís Pradana Mark Lamb Vehbi Köksal Nikita Fedorov PLATFORM Cleveroad FΛNTΛSY Minh Pham Heartbeat.UA Scott M Thigpen Mason Yarnell Tony DeAngelo
Tony DeAngelo is an Art Director working at ANML currently based in Los Gatos, in the great SoCal. Being working in an environment of digital design and development, Tony has being collaborating and ruling the workspace to make a difference. What I do enjoy from Tony's work is how smooth are his interactions. Not too crazy but subtle enough to create a better experience. With the amount of interfaces we are now encountering per day, let's keep it simple but elegant. Founded by Douglas Hughmanick and Patrick Boscarino, the great leaders behind this crew of design thinkers. Our house is your house, and vice versa. We jump right in and immerse ourselves in your world—and that means working with you. With close collaboration, we function less like an agency partner, and more like an extension of your team. Whether we’re working through design challenges on the fly, or sketching on white boards, we’ll uncover the strongest solutions in a fraction of the time. We’ll also have more fun. About AMNL Pronounced "Animal" is a design studio founded by two designers that delivers design solutions to be impactful for their clients. Having the motto at building the very Next Big Things. More information: http://www.anml.com/index.html.