Ruben D'Oliveira

I am a Portuguese UI/UX designer, visual designer and writer. I have a Bachelor's Degree in Information Technology and Multimedia and I'm addicted to web technologies and design. Feel free to check my work on Behance or Dribbble. You can also follow me on Twitter.

Create a Coca-Cola Can Using Adobe Photoshop

Posted in 3D Effects, Photo Effects, Tutorials • Posted on 18 Comments

In this tutorial, I will teach you how to create a Coca-Cola can from scratch in Photoshop using shapes, brushes and layer styles. You are going to learn different techniques which you can apply to solve different problems in iconography, UI or web layouts. Photoshop is one of the most powerful programs out there and once you start learning your way around it, you’ll realize that what you can do with it is only limited by your imagination.
The best way to improve your skills is through discovery and experimentation. Don’t wait for a tutorial or article, grab an image and start trying to mimic its shapes, weight, light and shadows.

If you have any questions, use the comment section and I’ll get back to you. Let’s get started!

Create a Coca-Cola Can Using Adobe Photoshop Read More

The Labyrinth Effect In Good Looking Designs

Posted in Tips, Web Design • Posted on 2 Comments

Great designers are always trying to push boundaries, creating and experimenting with new ideas, some of them resulting in revolutionary trendy design types that keep appearing in the constant shifting web design industry. I really like to see those new ideas coming to life considering that most of them are amazingly well designed, however alongside with such positive feedback, like everything in life, there is a great probability of existing a negative and critical side that acts like a turn point limiting great designs to just that… design.

The Labyrinth Effect In Good Looking Designs Read More

An Introduction To Dark Website Design

Posted in Tips, Web Design • Posted on 5 Comments

Dark versus light design has been a long and controversial topic since almost… forever. You probably have read many articles about this matter and you probably have found contradictory facts among them. The truth is that there are no certainties whether you should use a light or dark design on your new layout. However, there are indeed strong indicators that may tell you which version you should be using to provide the majority of your visitors with a better experience.

Since I’m going to give you a personal opinion on how you should build your dark layout, it makes sense for me to first see if you should or should not indeed adopt a dark version for your website.

An Introduction To Dark Website Design Read More

Style Up Your Desktop: 40 Gorgeous Wallpapers For Inspiration

Posted in Freebies, Wallpapers • Posted on 9 Comments

It’s been a while since we had our last inspirational post with stunning wallpapers. With this being said we decided to show you some of the most recent, amazing and creative desktop wallpapers to inspire your day.

Have fun!

Style Up Your Desktop: 40 Gorgeous Wallpapers For Inspiration Read More

Code Editor Review: Sublime Text

Posted in Tools, Web Design • Posted on 30 Comments

As a designer and developer, I’m always trying to find the best possible tools to do my job and to have fun with it. I’m both a PC and Mac user, Notepad, Coda, Textmate, Dreamweaver, Komodo and Aptana are some of the many editors I’ve tried but none of those made an impact as big as Sublime Text.

Although it is still in beta, Sublime Text is in my opinion the best text/code editor in the market which is available for Windows, OS X and Linux. There is nothing like trying and seeing for yourself but its features, aesthetic, usability and price (although it has an unlimited trial at the moment) made me want to write about it.

“Sublime Text is a sophisticated text editor for code, html and prose. You’ll love the slick user interface and extraordinary features.”

Code Editor Review: Sublime Text Read More

Future of Web Design – Facts and Thoughts

Posted in Web Design • Posted on 14 Comments

Web design has changed tremendously in the last few years and it’s still changing. More than changing, web design is evolving and evolution is bounded with complexity. Although the industry is not in danger some web designers are. Sounds contradictory right? Not really. The truth is that the web design industry is healthy and growing, new jobs are being added, more clients are emerging and consequently more agencies and companies related to the business.

According to, the median annual salary of a web designer in United States is $62,687 and studies predict a 15% business growth before 2020.

So why do web designers need to worry? As I said above, the industry is evolving and with evolution comes complexity. The more complex the industry is, the more difficult it is to keep pace and stay current and up to date. New technologies are appearing, new gadgets are coming to the market and you now use your iPad to read the newspaper. Simply put, if you don’t read, learn, and try things you will lose your pace and the complexity of the industry will smash your will to keep going.

Future of Web Design – Facts and Thoughts Read More

9 Inspirational Website Effects Deconstructed

Posted in Tips, Tools, Web Design • Posted on 17 Comments

As you may know, there are lots of great tutorials out there which can definitely help you practice, learn and achieve amazing results. The good thing about having so many tutorials to learn from is precisely that – you have a large variety of sources to choose from. Sometimes though, the tutorials aren’t clear, or difficult to understand or you just can’t apply it in the real world.

Have you ever come across a website with such a great design or effects that your inner voice screams wow, making you wonder how it would be possible for you to recreate the effect? The purpose of this article is to provide you with resources and insights about how you can learn from your favourite websites, learning and taking advantage from real implemented effects and functionalities.

So let’s get started!

9 Inspirational Website Effects Deconstructed Read More

Landing Page: Tips, Tools and Inspiring Examples

Posted in Tips, Tools, Web Design • Posted on 10 Comments

Landing pages are probably the most underrated type of web page out there but it’s importance is crucial in online marketing. Purpose? Present the customer with a specific and direct promotion or offer in order to achieve a conversion goal (occurs when a customer completes an offer/purpose) of a business campaign.

So why are landing pages underrated? The reason is simple. I don’t want to speculate that most companies don’t give the right importance to their landing pages, but that might be it. Result? A poor, boring and totally wrong landing page design which can’t captivate users. To be honest looking for inspiring and really good examples for this article was the toughest part of my week. I looked at more than 100 landing pages ending up with just 15. You will probably do a quick search and find dozens of templates, so why just 15? First free tip: avoid the use of templates on your own landing pages, I’ve actually found 3 distinct landing page deals with the same layout and that’s not good for a marketing campaign. If a company doesn’t give the right importance to their platform of promotion why would they give it to their product?

The purpose of this article is to give you some insights and help you build a decent landing page. Below I’ve listed some tips plus 15 stunning and hand-picked examples that are currently implemented to inspire your day.

Enjoy it!

Landing Page: Tips, Tools and Inspiring Examples Read More

Web Development Tools, Elements and Techniques

Posted in Tips, Tools, Web Design • Posted on 10 Comments

When I was starting out as a web developer, I had to face some struggles when finding solutions to some of my problems. I had to learn and try new things but there weren’t as many tutorials as there are today. The best alternative was to learn and study from the work of others, analyzing their process and work methods.

These days, it seems like a new tutorial appears every minute, but personally I believe that looking at actual implemented solutions is still a powerful way to learn, and you also have many tools and methods at your disposal which can help you see and figure out how your favourite websites were built. Everything you need to know and learn is right in front of you and at your disposal.

Web Development Tools, Elements and Techniques Read More

20 Most Inspiring Interview Statements

Posted in Freelance, Interviews, Tips, Web Design • Posted on 4 Comments

In one of my latest posts – 9 Tips on How To Improve Yourself as a Web Designer, I made a quick reference to the fact that reading interviews is as important as reading magazines and books. That’s because in interviews you get straight and direct answers from the best in the field. For the purpose of this article, I’ve selected some of the best interview statements of several different professionals.

Interviews give you great insights about how a person thinks, works and feels about his job and life. If you don’t usually read interviews, this is an opportunity to get an idea about how reading them can be an extremely useful learning method. Let’s get started!

20 Most Inspiring Interview Statements Read More - unknown - unknown - US