When you think of User Experience (UX), what comes to mind? Most likely, it’s the visible elements within an application window – what you can see, click, or swipe. But there’s a crucial aspect of UX that often goes unnoticed: the URL in your address bar. Far from being a mere technicality, the URL is […]

Ah – so you’ve got yourself a .fig file and you’re wondering what to do with it. Did you know that .fig files are easy to use templates that is primed for further tinkering and collaboration? Whether you’re a seasoned designer or just dipping your toes into the world of digital design, importing your .fig […]

It’s been a while since I’ve written a Photoshop tutorial. I have been knee deep with developing that I forgot about my creative side. Well this time we’re creating screenshots of webpages – that have a “skewed” and “stacked” effect. I’ve seen this done in app websites that try to showcase their pages. I think […]

If you don’t know what a Hero Image is by now, you might be living under a rock. A hero image is the main image in carousels and slideshows. It or even as a background of the homepage. It can also be found in main product pages, a landing pages or more commonly: the homepage. […]

It takes a lot of creativity to make a good looking website. However, it takes additional knowledge to turn that website, into a user-centric and friendly interface. This knowledge is known to many of us as UI or UX (User Interface / User Experience) design. It may be true that many organizations have devoted plenty […]

This tutorial will show you how to create that awesome technique we see in newer websites. It’s that diagonal text shadow effect usually seen in large header areas. The effect cannot be done in code (at least not yet), but it’s certainly possible using Photoshop. Below are some examples of what I’m talking about: Notice […]