Built using WordPress, Block Rage – a website dedicated to a competitive puzzle game – has an interface meant to elicit feelings of the 80s/early 90s. VHS tapes, Ghostbusters memorabilia, and old video games are littered around the website, giving it an enticing air of times gone by.
Colonization of Mars is a website that chronicles the logistics and possibilities of colonizing our galactic neighbor, Mars. There is a lot of information involved in the colonization of a new planet, but this website cuts down on anything you wouldn’t need to know, leaving you with the digestible basics.
This site is also a good crash course on the best ways to present information. The website almost acts as an interactive infographic, showing comparisons between Earth and Mars in visual layouts that encourage mental engagement.
3Wealth, Shown to Scale
On the topic of presenting your information in an engaging way, Wealth, Shown to Scale is one of the most enlightening and concerning websites on the internet.
This website shows the incomprehensible level of wealth owned by Amazon founder Jeff Bezos, making you scroll for minutes to reach the end of his net worth, comparing it to things like the pay of medical professionals, or the cost of housing every homeless veteran in the US.
When dealing with numbers this large, they can lose their meaning when simply written out, so visualising it with an inspired method can take a website from good to great. This site also exists to convey what boils down to a single statistic, meaning that nothing gets muddled or lost in a flood of information.
There are few brands as synonymous with sleek design as Apple. Apple plays with the idea of minimalism, but doesn’t fully commit, adding a few extra design elements – like pictures and moving menus – that aren’t strictly necessary, but still engaging and enticing.
We spoke to Ganesh, a Senior UX Architect, who said he loved Apple’s “hyper-realistic, sensational images taken from quirky angles to promote their products.” He also said “it’s the unique lighting that really makes the iPhones jump out on their website.”
Its use of soft colors is complemented by their incredibly high quality images. Apple’s products can look better online than they do in real life, which might be one of the reasons that it’s such a successful company. So if you’re selling things online, make sure to take the time to secure some flattering photos of your products!
Egg Shop
It’s not just tech that can benefit from well-thought-out photography, either. Egg Shop, a website built on Squarespace, uses photographs of its recipes that can make anyone’s mouth water – and is living proof that you don’t need to be a tech pro to build a beautiful site.
Get 10% Off Any Squarespace Plan
Ready to give Squarespace a go? We have an exclusive offer code for our readers that will save you 10% on the cost of any Squarespace plan! To redeem this discount, simply enter the:
Offer Code: “WBE”
at the checkout.
Pei Jung Ho
Pei Jung Ho’s portfolio, developed on Wix, is a great example of a website that applies subtle animation to make the site look alive and breathing.
The spinning hamburger in the top right corner and the various parts of the site that page through his work are two small touches that allow the viewer to get the impression that they’re looking at a website that works as a system, rather than a static page.
Nothing has to bounce around the page or jump out at you – as long as there’s some small amount of movement, it can make the page feel that much more engaging.
Resp
Resp is a movie-focused website that uses a chatbot to answer a user’s movie-related questions. You can ask for movie times, ask for popular TV shows or films, and even log movies you’ve seen and use this information to get recommendations.
It’s one thing to have a website that is well designed and fits everyone’s uses. It’s another to have a service that delivers tailored content to each of its users based on their needs. By using a chatbot, your users won’t have to dig through menus and buttons, but can seek out what they want just by asking a question.
Making a chatbot is on the trickier end of the website building spectrum, but it’s not impossible. A handy tip is to write your chatbot script in small segments, predicting every possible user response. And make sure you teach it the most common user misspellings!
If writing a chatbot feels daunting, there are a few resources that can help you. Check out Drift’s page on Chatbot support, or Intercom’s page on the same topic.
WeAreOSM
More and more people are accessing the web from their phones nowadays. While it’s good to have your website ironed out for desktops, if you’re looking to maximise traffic or sales, it’s just as important to make sure it’s fully functional on smartphones.
WeAreOSM is a site that’s nailed down their mobile version, with the spacing and menus being crafted to perfectly suit a mobile screen.
There are a few things to keep in mind when managing your site’s mobile version. Firstly, when using a website builder, make sure you pick a mobile-responsive theme. Then, when you’re designing your mobile site, keep in mind that a phone screen has a lot less real estate, so keep your text large, your menus snappy, and your display clean.
Squadeasy
Remember when the web was first starting up, and there were all kinds of websites that would interact with your cursor movements? Things like glittery GIFs following you around as you browsed the site.
As we’ve advanced, both technologically and artistically, our standards have changed. This is reflected in Squadeasy, a website focused on promoting responsible and healthy living.
As you browse their site, the animated head of their mascot Boogie will bounce around, get dizzy if you scroll too fast, and even eat your cursor if you get too close to him. He’s in the center of the screen, but doesn’t cover up important information when looking at their case studies or information. It’s just a simple way of making your website stand out and stick in people’s memories.
Bruno Simon
It’s one thing to have an interactive element on your site, but it’s another thing entirely to make your site into an entire experience in itself.
Bruno Simon’s portfolio site is an example of applying an out of the box perspective to an entire website, as the navigation isn’t done by a mouse and cursor, but rather a remote control car controlled by your arrow keys.
You can drive around his portfolio, go bowling, and find all his social media by driving over the correct logos. Bruno Simon is a web developer, so he shows his creativity and talent by creating a unique and engaging experience that will impress anyone looking for a designer.
