Web application for URL redirects interface design and build with Vue Nuxt and Laravel
REDIRECTLY
URL redirection made easy with an effective tool to manage URL redirects.
ABOUT
Redirectly is a tool that makes URL redirects easy to manage for developers, marketers and SEO specialists. It saves people time, money and makes a tedious job easy by removing human error.
We are big advocates of internal projects at Abstrakt and Redirectly came from the need for a tool that managed URL redirects with ease. It’s a common headache amongst digital professionals and it was our goal to create a tool that would be simple and easy to use.
Not only did we need to create an intuitive and straightforward platform but a standout brand, marketing website and digital marketing to create awareness in preparation for our BETA release that’ll be available to everyone in the coming month.
LOGOMARK
The brand’s logomark plays upon the act of creating a redirect and forms an abstract “R” to work alongside the wordmark, as well as the library of icons and illustrative assets that bring the brand to life with movement and form. We've created the logomark to be a clear visual marker for the brand outside of digital and for using across offline collateral too.
R245 G0 B87
#F50057
R106 G26 B154
#6A1A9A
R32 G36 B45
#20242D
R245 G243 B255
#F5F3FF
VISUAL IDENTITY
We used Montserrat for Redirectly which is a modern sans serif available from the Google font library. We needed a type that would work well digitally and we could be sure of reliable delivery across browsers.
Everything about the brand needed to focus on technology and so we opted for an ‘electric’ colour palette to convey the digital space we work within, avoiding any of the usual blue and green hues to really set Redirectly apart.
Heading
Body
ILLUSTRATION
Layers and textures create dynamic illustrations that have been designed to reflect the simplicity of the tool and how intuitive it is to use. Playing upon geometric shapes that establish the front-facing view of the platform, we’ve created a suite of illustrations that can easily be used across digital and offline mediums globally.
WEB APPLICATION
A powerful web application to make URL redirects a breeze.
We built the Redirectly web application on a Vue Nuxt frontend powered by a Laravel backend, as well as incorporating several features for importing web pages including a website crawl able to extract all internal URLs from a site by checking links on each page encountered.
The ability to extract URLs from a sitemap.xml file as well as parsing a list of pasted URLs was also key to import methods. Redirectly also incorporates an intuitive matching interface for setting up the redirects themselves; all pages are grouped together to reflect the structure of the site using a single Vue component which is loaded recursively to display the child sections or pages of each section in the site tree.
MARKETING WEBSITE
The marketing website was built on Craft CMS and allowed us to create an entirely bespoke design and user experience, as well as control plans and subscription through Craft Commerce once our BETA period is complete. Stylish interactions and functionality support the technology sector to delight users as they move around the website. Clear and concise copywriting flows from page to page to give clarity to the user with how the tool works, its features and benefits.
It’s our aim to keep the marketing website a platform for brand awareness and drive new traffic to the website with a content marketing strategy, social media management and advertising, as well as building upon an SEO strategy for organic growth. The design mimics that of the tool’s interface and harnesses the geometric shapes used within the illustration elements to seamlessly flow the brand’s identity throughout.
We’re always looking to make a difference to our clients and Redirectly has allowed us to do that globally, with anyone and everyone who might need support with URL redirects. It’s a super simple tool and I’m absolutely delighted with the final outcome and passion from the team to create such a helpful product.
Lauren Swarbrick - Director - Abstrakt
Next project
Let's work together.
Get in touch