Using Character Development for Better Website Design

Posted in Tips, Web Design • Posted on 4 Comments

The ability to add true personality to the design of a website is the attribute that separates professionals from hobbyists. Since the aim of the majority of websites is to persuade a visitor into an action, and the best persuasion comes when there is a personal attachment, this is a vital ability for a lasting career.

The use of this practice will transform a website into something more of a presentation, an informative journey of discovery. So why give visitors only one chapter of the journey to view? Is that fair to them, or better yet, their understanding of what you’re trying to get them to grow an attachment for?

For this very reason, we are going to explore the use of incorporating character development into your web design process.

Using Character Development for Better Website Design Read More

Paper Prototyping and 5 Analog Tools for Web and Mobile Designers

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

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.

Paper Prototyping and 5 Analog Tools for Web and Mobile Designers Read More

Create a Minimal Coming Soon Page in Adobe Photoshop

Posted in Tutorials, Web Interface • Posted on 24 Comments

In this tutorial we are going to create a minimal Coming Soon page using Adobe Photoshop. The trend of using coming soon pages has increased in recent years, as I hardly remember anyone with a splash page in the 2000s. A lot of people and organizations have started using them to give some brief information about their upcoming (website/company/service). This way you can be “prepared” and “ready” for their launch. There is another, equally important, reason behind the coming soon page as well. You can set up a subscription or newsletter form and collect e-mails and use them for your (spam-free!) marketing campaign.

Create a Minimal Coming Soon Page in Adobe Photoshop Read More

How to Build a Killer User Experience Team

Posted in Tips, Usability, Web Design • Posted on 11 Comments

We are in an era where the term ‘User Experience’ is still evolving and enterprises are still figuring out how to fit this piece of the puzzle into their organization’s structure. The field is new and filled with lots of uncertainties for the decision makers of an organization, but it is definitely promising and filled with tremendous opportunities!

Being a User Experience designer right now is an interesting and rewarding experience for the fact that the scope of exploring unknown lands is infinite and I feel proud to be one. The Internet obviously has a major role to play in the upkeep and growth of this field, and it has lived beyond its expectations up to now. There is a lot of stuff happening around UX nowadays. There are UX conferences, more blog posts explaining the need of User Centered design, and people surely are getting a better picture of the topic, day by day.

How to Build a Killer User Experience Team Read More

6 Tips for Budding Designers to Earn While Building a Portfolio

Posted in Freelance, Tips, Web Design • Posted on 13 Comments

Design is one of the more unusual industries to work in because it’s one of the few that often involves working for free, especially for those who are just starting out in a design career. Working for free is starting to become more and more commonplace for those new to particular industries – as this article from The Guardian shows – but for designers, who actually create something, it doesn’t need to be this way. The dangers of spec work are well-known, and this post in particular does a brilliant job of explaining why it’s harmful. The premise is that a client offers money for designers to compete with each other. One designer gets paid, the other designers don’t. It’s not fair, and it’s not rewarding.

But when you’re just starting out in a career in design, you may be tempted to work for free in order to build your portfolio. You know that you can design but you need to get clients on board, you need a good portfolio to show people and, when your portfolio is on the small side, clients may ask you to work for free with the benefit being that you get to showcase the work that you do on your site.

6 Tips for Budding Designers to Earn While Building a Portfolio Read More

40 Artistic Hand-Drawn Websites for Your Inspiration

Posted in Inspiration, Web Interfaces • Posted on 12 Comments

Inspiration is an unlimited power and it is a never-ending process, this is especially true for anyone involved in the arts. With the right inspiration, you truly can accomplish anything. Here, we will showcase some very beautiful hand-drawn websites for your inspiration. Hand-drawn sketches are always in demand because of their magnificence and visual appeal. Here you will find 40 excellently hand-drawn websites that will simply surprise you.

Hand-drawn images in website designs is, and has been, a trend over the last couple of years. Reason being the creative and personal touch of hand-drawn images that not only enthuse the onlookers but will also a visual appeal to the overall design.

Browse through our collection and get inspired!

40 Artistic Hand-Drawn Websites for Your Inspiration Read More

How to Get the Most out of Your Design Degree

Posted in Tips, Web Design • Posted on 17 Comments

Studying design might not be the hardest thing a person can do on Earth. Studying design is actually quite easy – it’s very practice-oriented, every piece of theory is applied and there is no wrong answer. If you have good reasons for everything you do, there is no way somebody will be able to tell you that you are wrong. Hey, it might actually be one of the funniest degrees possible.

However, getting the most out of your education is something not many are good at, and especially in our business where everybody thinks they know something, finishing high and then getting a good job is something only a handful of people from each class manage to do throughout their life. So you might ask yourself how do others manage to get that dream job of theirs when they have the same education as you – the same degree that hasn’t landed you anything more than poorly paid jobs and difficult clients to handle.

Like any other business, you only hear about the successful ones, but the majority of people in the web industry are the ones who don’t really make it anywhere. Focusing on education is the only way to avoid being one of them and to have a successful design career.

There are two kinds of education in the industry: a traditional one and a practice-oriented one.

How to Get the Most out of Your Design Degree Read More

How to Create a Multi-Step Form Using RhinoSlider

Posted in Coding, HTML & CSS, JS & AJAX • Posted on 18 Comments

How do you feel when you see a long Sign Up form for a website or service? Generally, people get bored when the Sign Up form is too long. Ideally, you should keep the form as simple as possible with minimum fields, and if that is not possible, try using a multi-step form.

The reason why Facebook Connect and Sign In with Twitter has become so popular these days is because of their simplicity, since users can sign up just by logging into their Facebook or Twitter account.

If you are using normal Sign Up forms and still require a lot of data from your users, a multi-step form is the best solution. So the form is broken into small sections and the user only sees one section at a time. Also, multi-step forms reduces the space you need on the page.

How to Create a Multi-Step Form Using RhinoSlider Read More

Create a Pricing Table using Photoshop in about 20 Minutes

Posted in Quick Tips, Tutorials, Web Interface • Posted on 17 Comments

We are used to presenting data using different graphics, modules and tables so that the information is easier to understand. Pricing tables have been, and still are, used by a lot of companies and individuals to display their available plans. It’s pointless to use a pricing table if you only have one plan to offer. But if you have more, then it is a very useful and attractive way of displaying information about each of your plans. We’ll be using Adobe Photoshop to create a pricing table which will only take about 20-30 minutes.

Are you ready?

Create a Pricing Table using Photoshop in about 20 Minutes Read More

How to Create a Responsive Website in about 15 Minutes

Posted in Coding, HTML & CSS, Tutorials • Posted on 50 Comments

The buzz around responsive websites has been going on for several months now, and a lot of websites are already responsive, or underway. You know what that means? Today I will teach you how to create a responsive website.

If you follow 1WD on Facebook or Twitter, then you already know that we’re already preparing for an explosive design, which includes being responsive. Watch out for it!

  • Tutorial Level: Beginner
  • Skills Required: Basic knowledge in HTML and CSS
  • Completion Time: Approximately 15 minutes
  • Warning: This tutorial is targeted towards beginners, but it can also be for designers and developers who want to have fun!

By the end of this quick tutorial about responsive design, you will already be on your way to web stardom, and by that, I mean, you’ll be ready to convert and create responsive websites!

Are you ready? Show me your war faces! Roaaar!

How to Create a Responsive Website in about 15 Minutes Read More - unknown - unknown - US