10 Best Kept Secrets To Become More Creative By Boosting Your Brainpower


Hey James, this week I am working on the most exciting project ever – I am designing a new website for one of the most popular radio stations.

That was the last time I heard anything from my friend.

Now he is spending a big chunk of his time going through a lot of legal actions and a local lawyer has become his best mate.

Well, all just because my friend has been sued by a huge web design and development agency.

10 Best Kept Secrets To Become More Creative By Boosting Your Brainpower

 Read more

45 Creative Uses of Typography in Web Design | via 1stwebdesigner.com

1stwebdesigner - Become A Better Web Designer!

Typography is an important and crucial part of any web design. For this reason, almost every designer pays lots of attention to the use of typography. In this round-up, we are showcasing some excellent examples of typography in web design.

The latest trend in web typography is to employ bigger fonts that grab the attention of the viewers. Applying big typographic elements helps visitors in paying attention to the main element of the design.

Now, we shall take a look at some great examples of websites that demonstrate effective use of typography in their design. Enjoy!


1. Moresoda


2. Bear Grylls Live

Bear Grylls Live

3. Ryan Keiser

Paper Prototyping and 5 Analog Tools for Web and Mobile Designers

1stwebdesigner - Web Design Blog

Designers love analog tools. No wonder. These tools lets us physically interact with interfaces and speed up the design process, like paper prototyping. What takes hours in the digital world can be sketched out in a matter of minutes.

That’s why analog methods of prototyping are especially valuable right at the beginning of projects – when speed matters the most. Working with paper, or perhaps a whiteboard, can accelerate the speed of our learning loops. Sketch, feedback, sketch, feedback, sketch feedback – you can go through dozens of iterations in one day and you’ll set solid foundations for the rest of the work. Consider it kind of premium insurance. Getting rough feedback quickly can save you a lot of work.

No wonder, according to research by Todd Zaki Warfel, paper prototyping is still the most commonly used prototyping method! Yes, while we tend to disagree if we should code prototypes or just use prototyping software, the use of analogue tools in our design process is unquestionable! Honestly, I don’t know any designer who is not going through early stage paper prototyping sessions.

Of course in paper prototyping we pay the price of low-fidelity and while it might not be a problem for your team to discuss lo-fi deliverables, in my experience, it’s always a problem for stakeholders. To avoid misunderstandings and accusations that you’re playing with paper instead of working, just make paper prototyping an internal method for your team.

Analogue methods are supported by User Experience pioneers such as Bill Buxton, author of Sketching User Experience and Carolyn Snyder author of Paper Prototyping. They highly recommend breaking away from the computer once in a while and collaboratively work on the analog side of the design moon. According to them, paper prototyping:

  • keeps all team members motivated (as they can easily participate in paper prototyping sessions)
  • lets designers iterate quickly and gather feedback very soon in the process
  • gives designers freedom since paper has no boundaries

preview large goodprototypingbook design tools design tips design

And though many believe that the rise of tablets may end paper prototyping in the next couple of years, I’d disagree. The physical nature of paper prototyping, its speed and straight forward form (understandable by anyone), makes it unbeatable by any digital gadget. Tablet devices are just another medium of digital prototyping (perhaps better than computer, who knows…) than replacement of analog methods.

In recent years we can observe attempts to optimize paper prototyping by the creation of dedicated tools. I tried most of them and I’m addicted to some (UXPin, UI Stencils). They hugely improved my workflow. Dedicated paper prototyping tools gave me speed that exceeds everything that I tried before. I feel more professional with a well crafted notepad in hand than a crumpled piece of paper with messy sketches on it. This confidence helps me discuss my analog work both with teammates and stakeholders. Most of the tools that I present below have been around for couple of years and I guess they’re doing great.

My fingers are crossed for these brave entrepreneurs.

Have fun!

Note: At the end of article I listed some of my favourite printable templates – they are ready to use and FREE!

UXPin – Paper prototyping notepads

Popular paper prototyping notepads with an original idea. User Interface elements are printed on separate sticky notes, which let you quickly create prototypes and iterate by re-sticking parts of the interface. Additionally, notepads are equipped with a sketchbook (with printed browser/iPhone), project kick-off and personas forms, as well as diagramming, gridded, paper. Hard-covered, well-designed and beautifully crafted books are $29.99 with free DHL delivery to USA, Canada and EU, if you buy any 3 of them. Since people from Google, IBM, Microsoft use them – UXPin notepads has sort of become an industry classic.

Finished prototypes can be auto-converted into digital, HTML, wireframes by UXPin App and this is one of the coolest things I have ever seen in the User Experience Design field.

Phone Doo – Magnetic boards  Seguir leyendo “Paper Prototyping and 5 Analog Tools for Web and Mobile Designers”

Get Better User Engagement by Integrating Social Logins on Your Website


Would you like more people to create a user account on your website? Anyone with a website that encourages website traffic to create an account always wants more subscribers. The challenge is two-fold. Most people don’t like giving up personal data to websites unless they are comfortable with them or really need what the site is offering. Reason number two, the registration process is usually time-consuming. Wouldn’t it be great if there was a solution to both of these issues? You’d think that if you can solve the two biggest hurdles to people creating an account on your website that you’d be able to increase your conversion rate of website traffic to website subscribers. The solution is out there… It’s called Social Login, and in this article we are going to dig into what it is, how you can use it on your website, the benefits of doing so, and provide a few examples of sites who are using Social Login successfully.

Get Better User Engagement by Integrating Social Logins on Your Website

What is Social Login?

Social Login options

Social Login options

Social Login is the process of letting users create accounts on your site by logging into their social media accounts. Using API calls back-end software will connect to the user’s social media account and pull in all relevant data required for your sites Registration Process. If any additional data is required by your site, but was not collected from the user’s social media account, you can display those fields, ask users to complete the form, and click a Register/Submit button. Basically this allows users to bypass a normal website registration process, simply login to their social media account, and click Register (unless extra data is required). Social Login is much less time-consuming than normal website registration process. Seguir leyendo “Get Better User Engagement by Integrating Social Logins on Your Website”

Best Browser Features According to Users, Designers, and Developers


This ain’t another article on Browser Wars. The Internet has come a long way and so has the industry of Internet Browsers. If you have ever used the Internet in your life then you have spent some time with Internet Browsers. From the designer’s and developer’s perspective the browsers of today have been an important tool that shape the Internet. Henceforth, in between all the browser debates we, the average Joe, starts to long for that ultimate browsing experience which is a dream as of now. A browsing experience which is free of memory over utilization pit falls and incompatibility of code. This article will dig into the thoughts of users, designers and developers in order to understand what is the ultimate browser feature that completes a browser.


Best Browser Features According to Users, Designers, and Developers

User’s Perspective

Well, users are the key to everything. So, we will start by understanding the user’s perspective about the browser’s of today. This section will concentrate on the usability side of the browser features as that is the most important feature that users look for.

[Image Source]

1. Memory Utilization

The most important issue for users who are using old machines. As of now almost every browser uses a separate process for every new tab opened in one window. This means that if you open one browser window and then open five tabs inside that window then you have indirectly opened five different browser windows. Now, these five different browser windows will use up equal amounts of memory and sooner or later you will see a resource crunch provided that you don’t have loads of memory to back you up. Seguir leyendo “Best Browser Features According to Users, Designers, and Developers”

How Responsive Design is Like Water

Written by:  Jamal

There are three states of matter known to be found on Earth. These states of course being that of solid, liquid, and gas. Taking into account that these three states are distinctly different, it is easy to assume that they each have a unique form. Solids are rigid and tightly packed molecules , gases are hyperactive molecules that are always just bouncing around everywhere, and liquids are closely connected molecules that have no true form.

Before steering away from this post because of the brief refresher on some chemistry notes, which may or may not have triggered haunting blocked out memories, take some time to consider something. Why would any professional creative ever be daft enough to mention anything relating to science subjects like chemistry in a blog post? And how can knowing this honestly improve my responsive design skills?

How Responsive Design is Like Water

Liquid: The Responsive State

*Image Credit: mloge

For the sake of the article, the matter state of liquid will now be referred to as water. Everyone in every part of the world can tell you what water looks like, but have you really noticed it? With all the discussion arising due to responsive design going mainstream, its troubling to see the original responsive design go unnoticed. Let’s take a look at a few examples, while also explaining how they relate to responsive design.

Example 1: Water has no True Form

As aforementioned the state of water is the only one to be fully visible, yet have no exact form. The loosely connected molecules of this state bond together to take the shape of whatever container they are in. In responsive design, the website is meant not to have any true form. Its form depends on the device it is being viewed on, or containing it.

Example 2: When Pressure is Added, Water can be Dangerous

The phrase speed over power never becomes clearer then when dealing with water. Normally, water is in a very nice refreshing state with no harm coming from touching it. However, that can easily change once the right level of pressure is added. Once the right pressure level has been reached, the safe water state quickly turns into a blade sharp enough to cut through almost anything.

In responsive design, the pressure level relates to the use of space on the viewing device . The higher level of space used then what would be considered acceptable, the higher chance the pressure to find the message in said viewing device grows.

Example 3: Water Easily Separates, Without Losing its Identity… Seguir leyendo “How Responsive Design is Like Water”

40+ Impressive Website Footers for Your Inspiration

Designing a creative and appealing footer is crucial if you want to make each element of your web design as successful and efficient as possible. Although the footer of a web design appears at the end of the page yet it cannot be neglected. With an effective footer design, you can create a long-lasting impression on your visitors. Through a well designed footer, you can certainly grab the visitors’ attention.

We have previously posted many collections about Website Footers Designs as well but at the moment, we are presenting the most innovative and amazing examples of websites showing impressive footers. These footer designs prove that you can effectively utilize a website footer to provide that extra bit of improvement in the user’s experience. We hope you will like this collection. Do let us know your opinion about this compilation.


40+ Impressive Website Footers for Your Inspiration

1. Rubbik

This is one of the best footer designs you would ever see as it contains the required information as well as it provides a comprehensive list of links that help you keep your visitors on your site.


2. 43 folders

This footer design takes the creativity to the next level by simply combining different fundamental aspects of Web design:

43 folders

3. BimbiSicuramente

A simple and uncluttered footer design that showcases a beautiful and visually appealing graphics.


4. Yuru Inspires

This creatively designed artistic footer design not only fulfills the visual requirements of a web design but also makes navigating the website easier.

Yuru Inspires

5. Mecannical

This one is simply outstanding, an original and creative footer design that will surely impress your target audience.


6. Split Da Diz

This footer design makes use of color scheme quite smartly and the subtle uses of white inserted into the black definitely look great.

Split Da Diz

7. Green Woods Country Club in Winsted

This is another amazing example of impressive footer design that demonstrates how you can incorporate loads of information in an effective manner.

Green Woods Country Club in Winsted

Seguir leyendo “40+ Impressive Website Footers for Your Inspiration”

Why Your Business Must Go Social [Infographic]


Your grandma is probably on Facebook by now. So why on earth isn’t your business?

It’s time to get real, and come to terms with the fact that social media networks are not just for teenagers anymore. Even setting up something as simple as a customized Facebook fan page can enhance your brand online. Studies show that socializing is important for maintaining a happy and a healthy lifestyle. So it kinda makes sense that the same holds true for businesses, no?

Read on for some cold hard facts about why social networking is a must for you and your company.

Shared by our friends from Wix!

your wix business must go social
Via: Wix.com

How to Properly Redesign a Website

Christian Vasile


Redesigning a website happens very often on the internet today. It can be thanks to the new technologies that appear one after another (and every one of us wants to stay in fashion) or because the rules change from month to month. Whatever the reason is, it is quite important to do it properly and to ensure the new design will bring you more advantages over your competitor than the old version.

We don’t redesign a website only for the sake of spending money. We do it because we feel that the site needs a visual revamp, we feel that our visitors want to see something new from a visual stand point. Considering the redesign is entirely for the users, it’s them we should focus on when we think about creating a new identity for our blog, publication or whatever kind of webpage it is.

How to Properly Redesign a Website

The bigger and more important your webpage is, the higher the probability to fail when redesigning it is. Why? Because when you have to take hundreds of thousands or millions of users under consideration, it might be difficult to please all of them – quite frankly, it is impossible to do it. I personally experienced leaving a website I liked only because they changed the design – and I am aware of how the web works. If I left that webpage for good, I am wondering how many other users that don’t have anything to do with design did the same.

In order to increase the probability of your redesign being successful, I have created a list with some tips for you.

Make sure you need to redesign Seguir leyendo “How to Properly Redesign a Website”

The Grim Future of Web Browsers

Written by: Christian Vasile

Nothing new appearing today in the IT world is labelled as a surprise, because everything moves so fast and at some point in time you start to know when the big news hit the market. With the technology advancing so fast, especially all the mobile devices we call smartphones today part of the mainstream and are, maybe, the most important thing in our lives. So by sending a message from your QWERTY Android device or by playing Fruit Ninja on your latest iPhone, have you ever thought that you yourself are changing the IT world?

The Grim Future of Web Browsers

Well if you haven’t, I can tell you for sure that you do. By using portable devices more often and desktop computers less the latest gadgets quickly become out of date. Without realizing we have become unplugged and do not need computers anymore – which also means we do not need browsers anymore. And why would we? At the end of the day we have our smartphones filled with apps that can keep us busy for a long time. Sometimes I don’t even check my Facebook from my computer, even if I am close to it, because it is much easier to do it from the phone. Ever since the IT world made it possible to connect to the internet wirelessly, nobody has looked back. People invest much more money today in phones and portable devices like tablets or eBook Readers than in computers. Seguir leyendo “The Grim Future of Web Browsers”

14 Wiki CMS To Help You Build Your Own Wikipedia

Written by: Sufyan bin Uzayr
 Wikis are a rare breed of websites – we all would agree on that. Designing a portfolio, corporate blog or any such website is an entirely different concept from designing wikis. When it comes to wikis, not only does the website ‘rise’ in terms of its size, but also in terms of complexity. Wikis need to be so designed that the finished website does not look clumsy or unorganized – no matter how much data it has, and at the same time is simple enough for even the most novice user to understand. Following that, and perhaps most importantly, wikis need to be edited not by an individual but an entire community – again, simplicity and ease of use come into play!


14 Wiki CMS To Help You Build Your Own Wikipedia

Content Management Systems meant for wiki websites, too, like wiki sites themselves, need to strike the right balance between robustness on one hand and ease of use on the other. In this article, we take a look at some of the most popular wiki CMSs out there!

1. MediaWiki

Who doesn’t know Wikipedia? MediaWiki is used by Wikipedia as well as many other projects of Wikipedia’s parent organization Mediawiki Foundation. If you’re looking for a CMS for your wiki website, MediaWiki should be your safest bet! Not only is the CMS powerful, it is also very versatile and is ideal for any sort of wiki website.


2. DokuWiki

DokuWiki is meant for developer workgroups, collaborating teams and small enterprises. As a CMS, it restricts itself mainly to documentation websites. The syntax is powerful and creation of structured texts is simple. Further more, DokuWiki does not need any database to run on as it stores all its data in plain files.

Yay Or Nay Of QR Code Marketing

Posted in Web Design
Written by: Salman Siddiqui


You must have seen plenty of QR code showcases already but somehow I feel that people haven’t learned QR code marketing yet. Reason could be that QR codes are kinda of new to internet marketing. I’m not saying that QR codes are new, but they have a lot of room to grow and the possibilities are yet to be explored. The world of SEO might have exhausted its regular tips but QR code is yet to explode. Today, I will dare to understand the world of QR code marketing. Stick with me, it’ll be worth it.

Yay Or Nay Of QR Code Marketing

Why are QR codes here to stay?

As of now QR codes are still facing everyday debates. On one side are the stakeholders who want the general public to fall in love with the new technology while on the other side are the critics who consider QR codes as nothing more than a new marketing fad. I will try to sit in between the two and judge the situation.

I am assuming that QR codes are going to stick around our heads no matter what, as marketing agencies are using them like crazy. The big ugly black squares aren’t leaving us that quick. I know that there are other options (and more will be invented) for linking in the real world but QR codes look to me to be the best suited option currently.

Before listing genuine reasons, let me mention some of the authentic reports that support the rise of QR codes:

  • Mobio Technologies – A study by Mobio Technologies Inc. confirms that the usage of QR code jumped upto 9,840% in the second quarter of the year 2011 when compared to the numbers last year in the same time period.
  • Gartner – The marketing research firm confirms the high-rise in the usage of QR codes in recent times.
  • comScore – The very famous comScore sent shivers down the Internet Marketing industry when they confirmed that around 14 million Americans scanned QR codes from their cell phones in the month June of 2011. That is huge when compared to the time period since when QR codes have been in America.

The data above confirms the ever-increasing usage of QR codes and the interest of end users. Sometimes it is really comfortable to scan a QR code on the back of a book. It takes minutes to reach the landing page of that book and buy another copy for your friend. You just skipped a lot of steps.

Now, let me list a few reasons in favor of QR codes: Seguir leyendo “Yay Or Nay Of QR Code Marketing”

Why Make Effective Networking Part Of Your Freelance Job

Posted in: Web DesignWritten by: riza_gamutan

Being a freelancer is no regular job to do. It takes a lot of hard work to become successful in this field. And as a freelancer, it is essential to build contacts for your business work. You need sufficient references – people who work out as your clients. You need people to help you deliver expected results. So what drastic steps should you do in establishing contacts for your business? 

This is where effective networking comes in. Networking simply means the act of creating, extending and maintaining personal connections with different types of people in the business. It is a way to seek sources for opportunities like extending business to more clients and how to gain technical expertise.

Why Make Effective Networking Part Of Your Freelance Job

Networking is easily achieved if the person steps out of his normal work environment. This is because most people are so engrossed with what they work and the people that surround them. If they just only start breaking loose from what they are accustomed with, it is the only way towards building an effective network.

Why the need for networking?

Image by Laura Leavell

1) Finding jobs easily through connections

Networking can help you land jobs of your dreams. Take for instance a manager who has sought another employment. With networking, he is able to extend jobs to his former colleagues even if distance has kept them apart. With the right connection, he gets to choose his own team in the current employment. Hence, this could be another step to achieve the company’s objectives.

This also applies to freelancers working through networking. Because people are aware with what you can extend to them, existing contacts like friends and associates recommend you to where they might be right now. This is because they need your service and therefore, a network is built out from staying closely connected with them. It is also in this way that you prolong your career. Seguir leyendo “Why Make Effective Networking Part Of Your Freelance Job”

Simple Yet Effective Brainstorming Tips for Freelancers

By Rean John Uehara | http://www.1stwebdesigner.com/inspiration/effective-brainstorming-tips/

Great ideas are born in everyone’s mind, it takes careful planning and powerful execution to turn them into reality. Here brainstorming enters, it is the process by which you squeeze out all ideas you can think of and from there you piece them together to come up with a plan.

The human mind is so strong that it can conceive even the seemingly impossible. No software has ever come close to the mind’s processing of creative ideas, its complexity, and fluidity. Besides, all of the wonderful structures we see both in the cyber world and the tangible world are a product human imagination and careful execution. Now let us talk about brainstorming in-depth and build things that will wow the audience. Seguir leyendo “Simple Yet Effective Brainstorming Tips for Freelancers”