Web Design

33 Website Layouts using Creative Vector Icons

Vector design is the perfect way to jazz up a bland or simplistic layout. Nowadays designers can export SVG icons which naturally expand or animate for unique visual effects. Connecting a branded vector character into your company logo is a memorable way to capture attention. It certainly works for these websites!

Below you can find a number of excellent vector-based icons blended into typical website layouts. This is a solid collection of websites to understand how other designers create these effects. You might try designing your own Illustrator vectors for the web and see how they can improve overall visitor interactivity.

Metaverse Mod Squad

metaverse mod squad website open source layout

Read more
Web Design

The Relationship Between Storytelling and Website Design

Storytelling is a medium we all find throughout day-to-day life. Sharing experiences from your trip to Cancún is a form of storytelling. In fact, much of life can be seen as the raw material for great storytelling. We like stories because they demonstrate ideas in new ways that we might have never thought about.

I feel that the rules of storytelling can be applied to digital interfaces and web design. The precepts of good storytelling are universal across all genres. You must understand how to capture interest and bring people along for the ride. Web design is more fluid because it’s not an archetypal story – but the general structure is the same. In this post I want to look at various similarities between good storytelling and good web design.

Read more
Web Design

How to Deal with Web Design Clients You’ve Never Seen

Social networking concept - making and finding friends

“I could never work for someone I’ve never met.”

My friend was discussing my freelancing career with me and she couldn’t imagine working for clients she’d never met in person. But freelance web designers and other freelancers do it all the time.

Many freelancers connect with their clients primarily through the Internet. Their clients might be located across town, or across the world. It’s simply not practical or cost-effective to personally visit every web design client.

Working with remote clients has some unique challenges. But it’s quite possible (and probably even necessary in today’s competitive market) to successfully include remote clients into your business strategy.

In this post, I’ll provide some key strategies for dealing with web design clients that you never meet face-to-face. You’re also invited to share any tips you have for dealing with remote clients.

If you enjoyed this post, you may also like 6 Common Freelancing Problems That Using a Contract May Solve.

Read more
Web Design

6 Free Tools for Testing Website Speed

Website speed is something crucial to any page, specially if you consider that users don’t like slow sites and don’t want to wait more than a couple seconds for a page to load. From regular users to high-end ones, no one like to wait too much to see the content they are looking for. And from niche blogs to ecommerce sites, all users have the same expectations, that your page will be fast enough to avoid frustration.

Read more
Web Design

Things you can do to Improve Page Load Times

Loading speeds can certainly make or break a website. In times where users are overload with options, they don’t want to wait too much for a page to load. And by too much I’m referring to about 2 to 3 seconds. Websites should be fast and optimized to better load so that the user don’t have time to think about leaving the page until it loads. If you page takes more than 6 to 7 seconds to load, chances are you are already loosing users. Fast pages lead to lower bounce rates, better retention, higher engagement and better conversions. So before risking loosing users because your page is not up to expectations, check out some things you can do to improve page load times.

Read more
Web Design

Lean UX – How to Apply Lean Principles to User Experience Design

The process of putting together a good user experience design has always been talked about as a deliverables-based practice where bureaucracy, specification documents, wireframes, mockups and site maps took the center stage. This deliverable based practice, meaning that everything, each step of the process, has to be delivered with proper timing and documentation, witch often demands a lot of time and creates a lot of waste (something that won’t be used in the working product). Fast forward to times where the web changes quickly than we would like to, and times where we have to make sure our users get what they need, and the process of ux design has to evolve too. Enter the Lean UX practice, which allow us to remove waste from the UX design process while letting designers focus on what works instead of having them worrying about features and documents.

Read more
Web Design

The Importance of Breadcrumbs in e-Commerce Website Design

Breadcrumbs, or breadcrumb navigation, is a type of navigation that shows the user’s location in a website. They are horizontally arranged text links separated usually by the “greater than” symbol (>) which will show where the user is based in the hierarchy of the site. The term breadcrumbs comes from the tale Hansel and Gretel, where Hansel and Gretel leave a trail of breadcrumbs to find their way back home. Just like the real breadcrumbs that were suppose to help the kids to find their way home, breadcrumbs in web design help the users to find their way around a website.

Read more