

Hard refresh: Introducing our new website
source link: https://linktr.ee/blog/hard-refresh-introducing-our-new-website/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

We’ve been really fortunate that Linktree has grown rapidly in four years – we’re thrilled that over 3.5 million people around the world use our tool to share their content online.
While we were busy growing the product, one thing hadn’t changed much in that time: our website. We’re now excited to share our rebrand with the community.

For the Linktree team, this feels like a new school term. Over the last few years, we’ve focused so closely on scaling our teams, the product, our tech and rolling out the PRO package, that our website (or the ‘marketing’ site) remained essentially as it was when we launched.
It was the MVP we rolled out in our infancy, back when we were psyched to see friends of friends using Linktree. Now 4 years later, we’re working with global brands like Red Bull, Qantas and L’Oreal, artists such as Selena Gomez, Pharrell and Justin Bieber, as well as top gun marketers like Seth Godin and Gary Vee, it was high time we renovated the front door to our product. And of course, we’re still thrilled that our friends use Linktree. <3

When we were young. It’s like looking back at old school photos – we feel fond of what we had, but have grown beyond it. And wear better glasses.
The Linktree Mission
Good branding reflects the mission of the company – it’s something that some of the brands we admire most excel at, like Mailchimp, Twitch and WeTransfer. Linktree UI designer, Dan Taplin, is fascinated by “how a brand demonstrates its personality and tone of voice through design”.
How do you brand a product that is for everyone? As we have grown, our user base has become incredibly broad – from new-to-social learners who might be using our Free tool, through to digital agencies and brands running hundreds of social accounts with PRO, we wanted our brand to resonate with them, and every slice in between.
To get the process under way, we analysed site data to better understand how to evolve, and spent a lot of time learning about our users and the landscape. From there our design team got sketching. And sketching…


Simple from the outside, complex under the hood
One of the biggest challenges we encountered is being able to effectively, visually and quickly demonstrate the technical smarts behind a seemingly straight-forward tool. We didn’t want to overwhelm our audience with excess detail on first meeting, but we’re also really proud of the tech behind our product, in a category we created.
Dan admits that the design team “had a tough time creating imagery and video assets to explain how Linktree works, without assuming prior knowledge from the site’s visitors”. But we knew communicating the product’s function had to be front and centre.
What Dan, and our creative director Nick Humphreys, came up with is a series of animations which educate our visitors on:
- How many different types of content can go onto a Linktree
- How many different places a Linktree can be used
We exist to streamline our users’ online ecosystems, the site graphics are designed to communicate how Linktree unifies the fragmented digital landscape. Knowing that Linktree is a global product, we removed, where possible, content reliant on language to communicate features and purpose. The result is colourful, abstracted animations that can speak to the entire spectrum of our audience.
Accessible and contextualized
We are advocates for a more inclusive and accessible internet, available to everyone – it’s why Linktree will always have a free offering. In research for the new site, we went deep on getting to know about accessibility issues. “It has been really enlightening”, says Nick, “and we’ll be working our learnings into future product updates too.”
For the new site, we made sure that text is legible and navigation is clearly visible. We tested to ensure the important visual elements have sufficient contrast for visually-impaired visitors and that alt-text is written into the code of the website to aid people who use screen reading tools.
"Going deep on accessibility has been enlightening. We'll be working our learnings into the product."
Naturally, the site’s aim is to drive conversion – we hope our visitors choose to join us. As the product itself is designed to reduce friction, we approached the marketing site in the same way – the result is a design solution that gives a visitor the ability to test their individual username and sign up instantly.

Early data is telling us this entry point is where visitors are converting most, showing the importance of contextual design. Our hypothesis has been confirmed to be an effective conversion driver.
It takes a village
Something that gives us warm fuzzies, is that this really was a company-wide effort. From gaining context and insight into the product to brainstorming, getting feedback and copy edits we’ve worked right the way across our product and engineering, marketing, social, partnerships, customer success and design teams. The process really cemented how much brand impacts the people within the company as well as outside of it.
The brand will be ever-evolving – really this is just the start of an exciting journey for us, and for our community. We hope you like it – we’d love to hear your feedback over on Twitter!
Recommend
-
10
landez : introducing new features of our tiles toolboxlandez : introducing new features of our tiles toolbox Fri 24 February 2012landez started as a very small toolbox to build MBT...
-
9
Behind our redesign of Omexco's website Published on 23.06.2020, by
-
7
Behind our redesign of The Fondation Cartier’s website Published on 25.01.2018, by Thomas ByttebierIn their unique light-filled...
-
10
Blogs Website refresh and GitHub Discussions December 02, 2021
-
7
3 mins readCompanyIntroducing Our New Pregnancy Loss and Miscarriage LeaveWe’re joining the #WeNeedMoreLeave movement.
-
10
Introducing our new talk show – Developers Digest Hey everyone, I am so excited to announce a new long format “talk show” that we are releasing from the Developer Advocates team called Developers Dig...
-
1
About 8 months ago, we s...
-
4
Introducing Our New Low-Cost Plans Posted by Andrew Fawcett...
-
9
5 Unique Ways to Refresh a website using JavaScriptI’m pretty sure you have never come across all of these
-
28
Our data centers need a hard reset Skip to main content...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK