Rangle
Brand and product design to re-imagine a consultancy's online prescence.
An elevated Rangle brand and a redesigned website highlighting incredible partnerships with clients like Google, Uniqlo, Aldo, and Roche, as well as showcasing Rangle's distinct values and vision.
Role
Product designer
Duration
3 months
Responsibilities
Discovery
Market research
Art direction
Information architecture
Wireframing
Rangle
Brand and product design to re-imagine a consultancy's online prescence.
An elevated Rangle brand and a redesigned website highlighting incredible partnerships with clients like Google, Uniqlo, Aldo, and Roche, as well as showcasing Rangle's distinct values and vision.
Role
Product designer
Duration
3 months
Responsibilities
Discovery
Market research
Art direction
Information architecture
Wireframing
Rangle
Brand and product design to re-imagine a consultancy's online prescence.
An elevated Rangle brand and a redesigned website highlighting incredible partnerships with clients like Google, Uniqlo, Aldo, and Roche, as well as showcasing Rangle's distinct values and vision.
Role
Product designer
Duration
3 months
Responsibilities
Discovery
Market research
Art direction
Information architecture
Wireframing
Goal
Change company perceptions
Change the perception that Rangle is a development consultancy.
Articulate Rangle’s new value proposition.
Showcase work from new service areas.
Drive recruiting to support Rangle’s growth.
Illustrate and share the Rangle culture, people, and Rangle’s role in the greater community.
Problem
Dual responsibilities, brand and product design
The team was tasked with running both a rebrand and website redesign concurrently.
As individual projects they were large undertakings, pairing them together would prove to be the main obstacle myself and the team had to overcome.
Highlights
After elevating the Rangle brand, the website was redesigned and platformed to highlight the incredible partnerships with clients like Google, Uniqlo, Aldo, and Roche, as well as highlight Rangle's distinct values and vision.
The release of the new website led to a 300% increase in qualified leads in the three months following the launch.
Understanding the competition and identifying competitive advantages were crucial in informing design decisions.
To guide the visual design of the site, the team assessed competitors and placed them on an X-Y graph, as well as positioning Rangle in its ideal future state.
The team used journey mapping to chart the course of users through the Rangle website and identify opportunities and pain points.
In parallel to the empathize stage, the team established experience design principles that would act as an overarching framework to guide the new experience.
To inform the approach to visual design, the team developed mood boards and style tiles. Mood boards were created around color, navigation, interactions, illustrations, and typography.
Using content types from the existing site, we conducted a card sorting session to define how the content would be structured.
Based on insights from the competitive analysis and concepts from the style tiles, the team developed a number of options that would define the key site experiences.
Results
In the months following the website redesign, dramatic traffic improvements were seen on the website, including:
Pages per session increased by 96%.
Visit duration increased by 125%.
Bounce rate decreased from 77% to 17%.
Increased qualified leads by 300% in the 3 months following our release.
Highlights
After elevating the Rangle brand, the website was redesigned and platformed to highlight the incredible partnerships with clients like Google, Uniqlo, Aldo, and Roche, as well as highlight Rangle's distinct values and vision.
The release of the new website led to a 300% increase in qualified leads in the three months following the launch.
Understanding the competition and identifying competitive advantages were crucial in informing design decisions.
To guide the visual design of the site, the team assessed competitors and placed them on an X-Y graph, as well as positioning Rangle in its ideal future state.
The team used journey mapping to chart the course of users through the Rangle website and identify opportunities and pain points.
In parallel to the empathize stage, the team established experience design principles that would act as an overarching framework to guide the new experience.
To inform the approach to visual design, the team developed mood boards and style tiles. Mood boards were created around color, navigation, interactions, illustrations, and typography.
Using content types from the existing site, we conducted a card sorting session to define how the content would be structured.
Based on insights from the competitive analysis and concepts from the style tiles, the team developed a number of options that would define the key site experiences.
Results
In the months following the website redesign, dramatic traffic improvements were seen on the website, including:
Pages per session increased by 96%.
Visit duration increased by 125%.
Bounce rate decreased from 77% to 17%.
Increased qualified leads by 300% in the 3 months following our release.
Highlights
After elevating the Rangle brand, the website was redesigned and platformed to highlight the incredible partnerships with clients like Google, Uniqlo, Aldo, and Roche, as well as highlight Rangle's distinct values and vision.
The release of the new website led to a 300% increase in qualified leads in the three months following the launch.
Understanding the competition and identifying competitive advantages were crucial in informing design decisions.
To guide the visual design of the site, the team assessed competitors and placed them on an X-Y graph, as well as positioning Rangle in its ideal future state.
The team used journey mapping to chart the course of users through the Rangle website and identify opportunities and pain points.
In parallel to the empathize stage, the team established experience design principles that would act as an overarching framework to guide the new experience.
To inform the approach to visual design, the team developed mood boards and style tiles. Mood boards were created around color, navigation, interactions, illustrations, and typography.
Using content types from the existing site, we conducted a card sorting session to define how the content would be structured.
Based on insights from the competitive analysis and concepts from the style tiles, the team developed a number of options that would define the key site experiences.
Results
In the months following the website redesign, dramatic traffic improvements were seen on the website, including:
Pages per session increased by 96%.
Visit duration increased by 125%.
Bounce rate decreased from 77% to 17%.
Increased qualified leads by 300% in the 3 months following our release.