5 Ways to Make Your Website Stand Out

Default avatar.
July 27, 2017
5 Ways to Make Your Website Stand Out.
Everyone involved in building a website wants it to stand out from other websites. Clients want to stand out from the competition and leave a favorable impression on potential customers; designers strive for originality and to compete with other designers; back-end developers want a success story in their portfolios and an original or different-looking site can help with that. And we want it bad. There’s a cottage industry of people writing articles designed to help us design more original-feeling sites. I’ve even seen articles about "Trends to Make Your Site Stand Out", and it feels like at least one of those words is sorely misused. Goodness knows I’ve obsessed over it in the past. I know the feeling that your work just isn’t good enough because man, the last couple of sites you made really felt the same. Where’s the inspiration? Where’s the creativity? Well, originality isn’t the be-all and end-all. If a site that feels the same as many others gets the results you want, that’s not a bad thing. But you can create sites that stand out. Consistently producing original—or at least original-feeling—work doesn’t happen by inspiration or by luck. It happens with planning, and a lot of effort. Here are five approaches you can use to make your work stand out, with their pros and cons. I’m not going to include a ton of examples, because the idea is to not copy other sites.

1. Layout and Structure

Okay, this is perhaps one of the more obvious ways to differentiate your site from the rest. It’s also the most difficult. On the pro side, using a fancy layout or site structure that no one has ever seen before is instantly memorable. It can also be a lot of fun. After creating your fifty-second three-column site, mixing up the layout provides a challenge for your visual design skills and your front-end dev skills that can’t be beat. The cons: There are only so many ways that information can be organized before you start to lose accessibility and usability points. The development time is often increased, as you end up working to solve problems few have encountered before. The really crazy layouts often depend heavily on JavaScript. Layout should ideally not depend on JavaScript. nickjones

2. Branding

Branding is the other really obvious way to make your site stand out. And it’s easy. Just find out what your client’s branding guidelines are, and stick to them. Embrace them. Make your client sick of seeing their own logo and colors. Then maybe tone it down a little, and you’re good to go. The cons: This approach only works if your client has highly original branding. If their brand style guide consists of Helvetica and not much else, you are at a severe disadvantage. theverge

3. Graphics and Imagery

If the branding isn’t enough, you can use graphics and/or photos on your site to establish a distinct visual style. Sites with big images do tend to convert more, after all. People are visual creatures, so visual stimuli can make it easier for users to connect with you on an emotional level. Plus, the stylistic options are just about endless, which makes it easier to create an original-feeling design. The cons: Graphics and photos that look original are expensive, because they pretty much have to be custom made. Using stock images will likely kill the distinction that you’re going for. kennardlilly

4. Text and Content

This is probably the most important—and sometimes the most difficult—way you can set yourself apart. What is said on any site can and should be a reflection of the client’s personality and/or company culture, while still being clear. You can use copy, microcopy, and even things like video to communicate personality in a way that sets you apart. The cons: Ok, first you have to get any text at all from your client. Heh. And then you have to get copy that actually feels like a human wrote it. Most marketing copy has a very specific tone that seems to transcend borders and cultures. Getting the reader to see past the obvious desire to sell them things is the trick, and it’s a tough one. I mentioned microcopy before, but it really makes a difference. Users expect sales copy when reading up on a product or service. But if the rest of your site, especially the interactive bits like forms, treat the user as human rather than as a mere customer, this will make your site stand out in big ways. uiviking

5. Animation

Animation is a huge deal right now, and for good reason. When done right, it can take a pretty good experience and make it unforgettable. While I’m glad splash screens went the way of the dodo, I can still remember some of the animated web experiences I saw during the ’90s. Did I say before that humans were visual creatures? Well make those pictures start moving, and you can start a new industry in California. The cons: I saved animation for last because it’s very effective, but also very hard to get right. I mean, everyone and their dog is animating their sites now. That means that if you want your animation to stand out from everyone else’s animation, you’ll have to step up your game. Bouncing buttons ain’t gonna cut it. Animation that’s badly done can also cause usability problems, performance problems, etc. interland

Conclusion

Look around on the internet and you’ll notice that it’s very rare for any of these approaches to be used alone. It’s fairly common for people to even try to combine all five. As usual, however, it’s best not to split your focus too much. Ask yourself where your strengths lie. Are you a good writer and illustrator? Focus on text and imagery. Are you a great brand designer and animator? Make that logo blow people’s minds. And most of all, remember to have fun while you’re making something new.

Ezequiel Bruni

Ezequiel Bruni is a web/UX designer, blogger, and aspiring photographer living in Mexico. When he’s not up to his finely-chiselled ears in wire-frames and front-end code, or ranting about the same, he indulges in beer, pizza, fantasy novels, and stand-up comedy.

Read Next

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…

The 10 Best Logos of 2023 - Ranked

From vintage aesthetics to innovative new color schemes, we’ve seen a lot of creative logo designs this year. In this…

Exciting New Tools for Designers, February 2024

2024 is well underway and shaping up to be an interesting year. So, to help you keep your focus on working hard and…

The Art of Engineering AI Prompts

In the rapidly evolving world of artificial intelligence, the ability to communicate effectively with AI tools has…

15 Best New Fonts, January 2024

In this month’s roundup of the best new fonts, we find a large number of vintage, retro, and revival typefaces. Is it…