Whether you're designing a website for a client or yourself, it's very easy to create something that looks like every other site. And sometimes that's a good thing: if visitors are primarily coming to your site to access a service or buy a product, a familiar looking design can help them from A to B quickly and easily.
18 Best Placester Websites for Real Estate Agents. We’ve scoured the web to find our favorite Placester websites for real estate agents. Each of these REALTORS® has leveraged Placester’s features and designs to create a central hub for their marketing. Here’s a look at our top agent websites powered by Placester, and what makes them so.
But if the purpose of your site is to showcase your agency's design smarts and originality, then often you'll want to do things a little differently.
In this post we've brought together 10 of our favourite agency websites. All show how it's possible to infuse your site with a sense of personality and individuality that shows what your agency is all about.
01. Sagmeister & Walsh
Whenever superhip New York design studio Sagmeister & Walsh releases something for public consumption, it never fails to make a splash, whether that be its superlative work for big brands or its trademark nude pictures of team members.
The agency's website continues in that tradition, featuring three angles of live feed video from the studio, including one from inside its pet snake's enclosure (yes, really).
These webcam scenes form part of the navigation of the site, with the main destinations superimposed over each view. The case studies, such as the agency's work for Appy Fizz, make delightful use of subtle effects and animations to really engage the visitor.
02. Stink Studios
A global creative agency comprised of Stink Films and Stink Studios, Stink has some huge clients including Google, Spotify, Twitter, Ray-Ban and Nike, and consequently a lot of great work to show off. This it does masterfully on this site.
Huge, bold imagery and video dominate the case studies and make full use of the screen. But it's the little touches and attention to detail that really float our boat, such as being able to filter projects by subject and discipline, and the written-out times that appear when you mouseover the location of each office in the website footer.
03. Bolden
A strategic design and development studio based in Amsterdam, Bolden makes intriguing use of typography on its wonderful new site. From the opening spread shown above (click on the red and blue shapes to reveal each slogan) to the big and beautiful type of the menus, the confident use of lettering throughout this site compels you to delve further.
04. Haus
In a world of cookie cutter sites, it's great to see something original in digital, and that's just what LA-based brand development agency Haus has brought us with its site. The structure may be clean and simple, but everything is presented in such an energetic and inventive fashion it never stops being visually stimulating and engaging. And if you thought the idea of showcasing your work in a carousel was outdated, just check out what Haus has done with it here.
05. Studio Rotate
Dutch digital agency Studio Rotate takes its name as the central organising design principle of its new site, making for an innovative approach to presenting work based on hollowed-out circles. It's a minimal design, and in fact not that easy to navigate, but the visual playfulness of it all can't help to put a smile on your face.
06. Active Theory
Active Theory is a creative digital production studio based in Venice, California, and its compelling website makes great use of background video to draw you in. Rather than the dreaded video wallpaper that adorns many agency homepages, there's a real sense of movement and energy to these clips.
07. Twenty Nine NYC
Twenty Nine NYC, a 'small but good creative studio', does things a little differently, and that certainly applies to its anarchic website. Breaking almost every rule about how an agency site should look and function, this intentional mess of a design looks more like an old-school fanzine than a website, but it's infused with a sense of fun just makes you want to learn more about this charming company.
08. FCINQ
Parisian agency FCinq (French for 'F5') has one of those websites that's just a joy to scroll through. Its catalogue of work is presented artfully, in a way that allows both text and images to breathe. In many ways it feels more like a magazine or newspaper blog than an agency portfolio. The ability to switch between English and French is also a nice touch, and adeptly implemented.
09. Joan
Joan is a creative studio founded in 2016 by ad agency veterans Jaime Robinson and Lisa Clunie, formerly of Wieden + Kennedy and Refinery29 respectively. The shop's site is big, bold and beautiful, announcing its arrival in style, with formidable design smarts. We love the multitude of logo designs for Joan, the intense colour scheme, and the general devotion to 'irregular thinking' behind this simple yet stylish site.
10. Zulu Alpha Kilo Inc.
![Top Parallax Staffing Websites Top Parallax Staffing Websites](/uploads/1/2/4/8/124867954/924923296.jpg)
If you're thinking this homepage looks awful, then fear not: this is not a real agency site but a parody of such (albeit launched by the real agency of the same name). In short, it's a hilarious sendup of the worst agency website cliches, from OTT inspirational posters to cringeworthy founder bios, with a ton of terrible jargon and buzzwords holding it all together.
One case study describes how the agency created a viral video to promote condoms: 'We sent out fake positive STD tests to influential college students and captured their reactions on hidden camera. Their reactions were priceless. Best of all, we never revealed it was a hidden camera prank, so they only learned the truth when they saw themselves crying on a national television campaign.'
Related articles:
Parallax scrolling is one web design trend that refuses to go away. Parallax scrolling is when the website layout sees the background of the web page moving at a slower rate to the foreground, creating a 3D effect as you scroll. Used sparingly it can provide a nice, subtle element of depth that results in a distinctive and memorable website.
To show how it should be done, here are some sites that employ the technique to good effect. In some cases the parallax scrolling is the star of the show; in others it simply adds a touch of depth that makes the foreground seem to pop out a little. And if you fancy really pushing the boat out, these impressive CSS animation examples showcase another great way to make your website stand out from the crowd. Now, let's take a look at some sites using parallax scrolling in very much the right way.
01. Davide Perozzi
Parallax scrolling is only the start of the web delights to be found at the online home of Davide Perozzi, a creative developer from Germany. His single-page, largely text-based site is full of surprises such as smooth scrolling, glitchy copy that changes as it moves, and project images that warp into view as you move the animated cursor over each project title. The look's decidedly brutalist, and an excellent demonstration of Perozzi's web skills.
02. Dogstudio
The immediate focal attraction of Dogstudio's site is a beautiful animated 3D dog – or is it a wolf? – in the centre of the page, that scales and rotates as you scroll your way down the parallax page. Its lighting changes colour as you hover over the titles of Dogstudio's recent projects, and perhaps our favourite bit is when it revolves in front of some of the page copy, obscuring some of the text.
03. Bear Grylls
Digital agency Outpost was tasked with creating a new digital strategy for explorer and TV personality Bear Grylls. “To live up to the new brand vision and values and embody the ‘adventure brand’ we needed to take people on a journey online,” says the studio in its case study. A rich, dynamic user experience was key.
Subtle parallax is used throughout, but the real scene-stealer is the homepage. Grylls appears in a dramatic mountainscape, and the viewer is drawn into the scene as they scroll. It’s a great introduction to the adventures to follow.
04. ToyFight
ToyFight is an award-winning creative agency, and its website is a whole lot of fun. Founders Jonny Lander and Leigh Whipday have turned themselves into 3D figures, which appear in a range of scenes throughout the site (including this cheeky Sagmeister & Walsh reference). Clever use of parallax amplifies the 3D effect, and paired with bold, bright, plain backgrounds, never becomes overwhelming or irritating.
05. Hello Monday
Hello Monday is a design agency based in Denmark. It aims to create immersive digital experiences that tell a story and bring joy to their users, and it has gone one step beyond with its portfolio site. When creating a studio site, the difficulty is that adopting cool or cutting-edge design ideas often means sacrificing clarity and usability, which is paramount for a design portfolio.
Hello Monday manages to achieve both by introducing a subtle parallax effect within a pared-back page layout. Each project hero image moves slightly, to bring it to life and add energy to the design without detracting from the information on show. The effect is used on the studio’s homepage only, with individual project pages kept static to allow the work to shine.
06. A-dam
A-dam designs original boxer briefs and shorts for men with character, using GOTS-certified organic cotton. The boxers are handmade by people with fair wages and normal working hours. They're an ethical and stylish alternative to your usual supermarket pants, and their site, created by Build in Amsterdam, showcases them nicely, with assorted parallax elements popping in from all directions as you scroll.
07. Diesel: BAD Guide
84.Paris created this impressive parallax website (and associated social media campaign) to accompany the launch of Diesel's BAD fragrance. The one-page site presents the series of rules that make up the 'BAD Guide'.
The user can explore by dragging the mouse around the parallax page, which is laid out like a pinboard of images to click through. There's advice on everything from Tinder ('Swipe right, right, right, right – you'll sort them out later') to Instagram ('Don't forget to get in touch with an ex on Thursdays #TBT'), accompanied by monochrome illustrations.
08. Firewatch
One of the most beautiful examples of parallax scrolling we’ve seen is this website for the game Firewatch, which uses six moving layers to create a sense of depth. It’s great because there’s no scroll hijacking (something that often accompanies the parallax effect), and it’s only used at the top of the page – the rest of the site is still so you can read the information without getting seasick. If you want to see how it’s done, here’s a nice demo on CodePen.
09. Garden Studio
In a similar vein, Garden Studio has also opted to use the parallax technique in a sensible and delightful way at the top of its site, before moving into a mostly static page. The shifting landscape is subtle and unobtrusive yet also the star of the show – we found ourselves scrolling up and down again and again.
10. GitHub 404
GitHub's 404 page isn’t strictly parallax scrolling as the effect happens on mouse wiggle as opposed to scroll, but it’s a really fun page that uses layering to add depth. Unlike 'proper' parallax, the background moves faster than the foreground, creating a disorienting, otherworldly feel.
11. Jess & Russ
It's no surprise that design power couple Russ Maschmeyer and Jessica Hische's wedding website is a beauty to behold. The site charts their romantic story, with parallax scrolling used throughout to add depth to the illustrations. They got married in 2012, but the website is still well worth a look.
12. Make Your Money Matter
Finance and money are hardly the most interesting of subjects. But New York-based digital agency Firstborn is quids in with this dynamic parallax scrolling website Make Your Money Matter for the Public Service Credit Union.
With the aim of teaching the public the benefits of joining a credit union, rather than using a bank, this brilliant site includes everything from how a credit union works, to where to find one and how to apply, as well as a calculator showing just how much banks profit from customer's deposits.
13. Madwell
Design and development agency Madwell, based in New York, shows off its portfolio with a range of parallax scrolling effects to create a noticeable 3D style that adds a huge amount of depth.
14. Peugeot Hybrid4
Peugeot has gone all out with using parallax scrolling to create an auto-playing comic in the browser. The comic plays as you scroll down the page (or use its autoplay feature that automatically scrolls) and helps to advertise the car manufacturer's new HYbrid4 technology.
15. Cultural Solutions
Arts consultancy Cultural Solutions employs a subtle parallax scrolling effect to introduce depth to its homepage. Its main brand image is the use of colourful circles - the circles in the background move slower than those in the foreground, creating a subtle 3D effect.
16. Walking Dead
![Parallax website tutorial Parallax website tutorial](/uploads/1/2/4/8/124867954/514621096.jpg)
We're big fans of TV zombie drama The Walking Dead at Creative Bloq, and we were gripped by this website launched to promote it. The imaginative site harks back to the show's comic strip origins and makes clever use of parallax scrolling to pull you into its sick and depraved world.
'We came at this as fans of the show, first and foremost,' says lead designer Gavin Beck. 'With this drive, we wanted to create a world within the Walking Dead that fans could explore and appreciate.
'To achieve this, we looked to several existing technologies and techniques such as HTML5, CSS3, JavaScript/jQuery, Web Audio/HTML5 Audio, and parallax scrolling. The challenge was to find a unique approach to incorporate all these methods into a single engaging experience across all platforms.'
17. New York Times: Tomato Can Blues
In today's era of low attention spans and bite-size media, how do you attract people to longform journalism? Tomato Can Blues is a great response to that problem from the New York Times, combining some clever web design techniques with storytelling and comic-inspired illustrations created by Atilla Futaki.
One of the best examples of parallax scrolling we've seen, the article takes you through the story of a cage fighter written by Mary Pilon. As you scroll through the content, the illustrations come alive with clever animations and alterations, allowing you to fully immerse yourself in the content.
Futaki's illustrations were based on police records, witness accounts, photographs and the reporter's notes, and the attention to detail shines through. All in all it's a great reading experience – is this the future of online journalism?
18. Snow Fall
One of the first sites to really push the boundaries on what you could do with longform editorial content online, the New York Times' Snow Fall article combines a range of different elements, including parallax scrolling and web video.
The article, about the horror of an avalanche at Tunnel Creek, was published online in December 2012 but still stands strong as an example of what you can do with parallax scrolling. The newspaper presented the Pulitzer-winning article in an innovative way that grabbed the design community's attention worldwide.
Related articles: