200% Traffic Increase Through Web Redesign
200% Traffic Increase Through Web Redesign
200% Traffic Increase Through Web Redesign
200% Traffic Increase Through Web Redesign
Achieved a 200% increase in user traffic by optimizing the website's information architecture and performing a complete UI redesign, focusing on improved user engagement and intuitive navigation.
Achieved a 200% increase in user traffic by optimizing the website's information architecture and performing a complete UI redesign, focusing on improved user engagement and intuitive navigation.
Achieved a 200% increase in user traffic by optimizing the website's information architecture and performing a complete UI redesign, focusing on improved user engagement and intuitive navigation.
Achieved a 200% increase in user traffic by optimizing the website's information architecture and performing a complete UI redesign, focusing on improved user engagement and intuitive navigation.
Overview
Overview
Overview
Overview
Exploring the Client's Reality
Exploring the Client's Reality
Exploring the Client's Reality
Exploring the Client's Reality
BestBuild is a Wild Rift strategy platform created by Hanuari, a prominent YouTuber and Riot Games partner. As the UX/UI Designer on this project, my task was to revitalize the website. The main challenge was to bridge the significant gap between his successful YouTube channel (averaging 15,000 views per video) and his website (with only 20 daily visits on average).
BestBuild is a Wild Rift strategy platform created by Hanuari, a prominent YouTuber and Riot Games partner. As the UX/UI Designer on this project, my task was to revitalize the website. The main challenge was to bridge the significant gap between his successful YouTube channel (averaging 15,000 views per video) and his website (with only 20 daily visits on average).
BestBuild is a Wild Rift strategy platform created by Hanuari, a prominent YouTuber and Riot Games partner. As the UX/UI Designer on this project, my task was to revitalize the website. The main challenge was to bridge the significant gap between his successful YouTube channel (averaging 15,000 views per video) and his website (with only 20 daily visits on average).
BestBuild is a Wild Rift strategy platform created by Hanuari, a prominent YouTuber and Riot Games partner. As the UX/UI Designer on this project, my task was to revitalize the website. The main challenge was to bridge the significant gap between his successful YouTube channel (averaging 15,000 views per video) and his website (with only 20 daily visits on average).
Strategic Approach
Strategic Approach
Strategic Approach
Stakeholder Alignment & Initial Insights
Stakeholder Alignment & Initial Insights
Stakeholder Alignment & Initial Insights
Stakeholder Alignment & Initial Insights
Our first step involved a crucial workshop with Hanuari and his development team to understand their core concerns. Key pain points emerged directly from their perspective:
'The page isn't user-friendly, it needs better design'
'We believe it's difficult to access information. If people can't find it easily, they prefer going to YouTube.'
This confirmed critical failures in usability, information architecture, and aesthetics. These insights immediately guided my decision to conduct further user research and data analysis, pinpointing specific friction points hindering user engagement with existing website documentation.
Our first step involved a crucial workshop with Hanuari and his development team to understand their core concerns. Key pain points emerged directly from their perspective:
'The page isn't user-friendly, it needs better design'
'We believe it's difficult to access information. If people can't find it easily, they prefer going to YouTube.'
This confirmed critical failures in usability, information architecture, and aesthetics. These insights immediately guided my decision to conduct further user research and data analysis, pinpointing specific friction points hindering user engagement with existing website documentation.
Our first step involved a crucial workshop with Hanuari and his development team to understand their core concerns. Key pain points emerged directly from their perspective:
'The page isn't user-friendly, it needs better design'
'We believe it's difficult to access information. If people can't find it easily, they prefer going to YouTube.'
This confirmed critical failures in usability, information architecture, and aesthetics. These insights immediately guided my decision to conduct further user research and data analysis, pinpointing specific friction points hindering user engagement with existing website documentation.
Our first step involved a crucial workshop with Hanuari and his development team to understand their core concerns. Key pain points emerged directly from their perspective:
'The page isn't user-friendly, it needs better design'
'We believe it's difficult to access information. If people can't find it easily, they prefer going to YouTube.'
This confirmed critical failures in usability, information architecture, and aesthetics. These insights immediately guided my decision to conduct further user research and data analysis, pinpointing specific friction points hindering user engagement with existing website documentation.
Comprehensive Content & UX Analysis
Comprehensive Content & UX Analysis
Comprehensive Content & UX Analysis
Comprehensive Content & UX Analysis
Identifying Key Challenges in BestBuild's Digital Experience
Identifying Key Challenges in BestBuild's Digital Experience
Identifying Key Challenges in BestBuild's Digital Experience
Identifying Key Challenges in BestBuild's Digital Experience
I conducted a comprehensive analysis of the existing website, YouTube content, and user behavior, revealing several critical issues:
Overly complex information architecture hindered quick access to game information.
Visual design lacked alignment with Wild Rift's dynamic nature.
A significant disconnect existed between YouTube content strategy and website experience.
I conducted a comprehensive analysis of the existing website, YouTube content, and user behavior, revealing several critical issues:
Overly complex information architecture hindered quick access to game information.
Visual design lacked alignment with Wild Rift's dynamic nature.
A significant disconnect existed between YouTube content strategy and website experience.
I conducted a comprehensive analysis of the existing website, YouTube content, and user behavior, revealing several critical issues:
Overly complex information architecture hindered quick access to game information.
Visual design lacked alignment with Wild Rift's dynamic nature.
A significant disconnect existed between YouTube content strategy and website experience.
I conducted a comprehensive analysis of the existing website, YouTube content, and user behavior, revealing several critical issues:
Overly complex information architecture hindered quick access to game information.
Visual design lacked alignment with Wild Rift's dynamic nature.
A significant disconnect existed between YouTube content strategy and website experience.
These findings reframed our objective: not just a redesign, but creating a cohesive digital ecosystem to leverage YouTube success and drive website engagement
These findings reframed our objective: not just a redesign, but creating a cohesive digital ecosystem to leverage YouTube success and drive website engagement
These findings reframed our objective: not just a redesign, but creating a cohesive digital ecosystem to leverage YouTube success and drive website engagement
These findings reframed our objective: not just a redesign, but creating a cohesive digital ecosystem to leverage YouTube success and drive website engagement
In-Depth User Research & Persona Development
In-Depth User Research & Persona Development
In-Depth User Research & Persona Development
In-Depth User Research & Persona Development
Comprehensive User Research Methodology
Comprehensive User Research Methodology
Comprehensive User Research Methodology
Comprehensive User Research Methodology
I initiated an exhaustive research phase, employing both quantitative and qualitative methods. This included:
An online survey with nearly 100 Wild Rift players (79% daily players), followed by
In-depth interviews with 8 hardcore and 5 casual players.
Competitive analysis of related gaming websites and mobile apps.
This comprehensive research led to the creation of three distinct user personas, with our primary focus on 'Alexa,' a Marketing professional seeking quick, reliable information to enhance her evening gameplay.
I initiated an exhaustive research phase, employing both quantitative and qualitative methods. This included:
An online survey with nearly 100 Wild Rift players (79% daily players), followed by
In-depth interviews with 8 hardcore and 5 casual players.
Competitive analysis of related gaming websites and mobile apps.
This comprehensive research led to the creation of three distinct user personas, with our primary focus on 'Alexa,' a Marketing professional seeking quick, reliable information to enhance her evening gameplay.
I initiated an exhaustive research phase, employing both quantitative and qualitative methods. This included:
An online survey with nearly 100 Wild Rift players (79% daily players), followed by
In-depth interviews with 8 hardcore and 5 casual players.
Competitive analysis of related gaming websites and mobile apps.
This comprehensive research led to the creation of three distinct user personas, with our primary focus on 'Alexa,' a Marketing professional seeking quick, reliable information to enhance her evening gameplay.
I initiated an exhaustive research phase, employing both quantitative and qualitative methods. This included:
An online survey with nearly 100 Wild Rift players (79% daily players), followed by
In-depth interviews with 8 hardcore and 5 casual players.
Competitive analysis of related gaming websites and mobile apps.
This comprehensive research led to the creation of three distinct user personas, with our primary focus on 'Alexa,' a Marketing professional seeking quick, reliable information to enhance her evening gameplay.
Solution Design & Strategic Implementation
Solution Design & Strategic Implementation
Solution Design & Strategic Implementation
Solution Design & Strategic Implementation
Executing a Comprehensive Website Redesign with Enhanced Functionality
Executing a Comprehensive Website Redesign with Enhanced Functionality
Executing a Comprehensive Website Redesign with Enhanced Functionality
Executing a Comprehensive Website Redesign with Enhanced Functionality
Our solution centered on a complete redesign of the BestBuild website, directly addressing identified user and business needs. Key strategic implementations included:
Simplified sitemap and improved accessibility of main features from the homepage.
Prominent display of top champions and popular builds.
Prioritization of visual elements, integrating infographics and images to efficiently convey complex game strategies.
Our solution centered on a complete redesign of the BestBuild website, directly addressing identified user and business needs. Key strategic implementations included:
Simplified sitemap and improved accessibility of main features from the homepage.
Prominent display of top champions and popular builds.
Prioritization of visual elements, integrating infographics and images to efficiently convey complex game strategies.
Our solution centered on a complete redesign of the BestBuild website, directly addressing identified user and business needs. Key strategic implementations included:
Simplified sitemap and improved accessibility of main features from the homepage.
Prominent display of top champions and popular builds.
Prioritization of visual elements, integrating infographics and images to efficiently convey complex game strategies.
Our solution centered on a complete redesign of the BestBuild website, directly addressing identified user and business needs. Key strategic implementations included:
Simplified sitemap and improved accessibility of main features from the homepage.
Prominent display of top champions and popular builds.
Prioritization of visual elements, integrating infographics and images to efficiently convey complex game strategies.
Streamlined Navigation
Streamlined Navigation
Streamlined Navigation
Streamlined Navigation
Information Architecture Overhaul
Information Architecture Overhaul
Information Architecture Overhaul
Information Architecture Overhaul
I completely restructured the website's Information Architecture, significantly improving accessibility to core features from the homepage and highlighting key information. This decision was directly driven by user feedback indicating frustration with deep, nested menus. The new streamlined structure allowed users to access any crucial information within two clicks from the homepage
I completely restructured the website's Information Architecture, significantly improving accessibility to core features from the homepage and highlighting key information. This decision was directly driven by user feedback indicating frustration with deep, nested menus. The new streamlined structure allowed users to access any crucial information within two clicks from the homepage
I completely restructured the website's Information Architecture, significantly improving accessibility to core features from the homepage and highlighting key information. This decision was directly driven by user feedback indicating frustration with deep, nested menus. The new streamlined structure allowed users to access any crucial information within two clicks from the homepage
I completely restructured the website's Information Architecture, significantly improving accessibility to core features from the homepage and highlighting key information. This decision was directly driven by user feedback indicating frustration with deep, nested menus. The new streamlined structure allowed users to access any crucial information within two clicks from the homepage
Aesthetic Transformation
Aesthetic Transformation
Aesthetic Transformation
Aesthetic Transformation
Visual Design Evolution
Visual Design Evolution
Visual Design Evolution
Visual Design Evolution
Drawing inspiration from Wild Rift's vibrant in-game interface, I developed a new color palette and typographic system that deeply resonated with our target audience. The revamped UI prominently featured card-based champion visualization, enabling quick scanning and comparison – a critical feature directly requested by 85% of our interviewed users.
Drawing inspiration from Wild Rift's vibrant in-game interface, I developed a new color palette and typographic system that deeply resonated with our target audience. The revamped UI prominently featured card-based champion visualization, enabling quick scanning and comparison – a critical feature directly requested by 85% of our interviewed users.
Drawing inspiration from Wild Rift's vibrant in-game interface, I developed a new color palette and typographic system that deeply resonated with our target audience. The revamped UI prominently featured card-based champion visualization, enabling quick scanning and comparison – a critical feature directly requested by 85% of our interviewed users.
Drawing inspiration from Wild Rift's vibrant in-game interface, I developed a new color palette and typographic system that deeply resonated with our target audience. The revamped UI prominently featured card-based champion visualization, enabling quick scanning and comparison – a critical feature directly requested by 85% of our interviewed users.
Mobile-First Approach
Mobile-First Approach
Mobile-First Approach
Mobile-First Approach
Mobile-First Responsive Design
Mobile-First Responsive Design
Mobile-First Responsive Design
Mobile-First Responsive Design
Data from our surveys and Google Analytics revealed that 68% of our users accessed the site via mobile devices, necessitating a mobile-first approach. This strategic decision ensured optimal performance and a seamless experience across all devices, prioritizing the majority of our user base.
Data from our surveys and Google Analytics revealed that 68% of our users accessed the site via mobile devices, necessitating a mobile-first approach. This strategic decision ensured optimal performance and a seamless experience across all devices, prioritizing the majority of our user base.
Data from our surveys and Google Analytics revealed that 68% of our users accessed the site via mobile devices, necessitating a mobile-first approach. This strategic decision ensured optimal performance and a seamless experience across all devices, prioritizing the majority of our user base.
Data from our surveys and Google Analytics revealed that 68% of our users accessed the site via mobile devices, necessitating a mobile-first approach. This strategic decision ensured optimal performance and a seamless experience across all devices, prioritizing the majority of our user base.
Content Ecosystem Integration
Content Ecosystem Integration
Content Ecosystem Integration
Content Ecosystem Integration
Content Strategy Alignment & Synergy
Content Strategy Alignment & Synergy
Content Strategy Alignment & Synergy
Content Strategy Alignment & Synergy
I collaborated closely with Hanuari to develop a comprehensive content strategy, creating a seamless synergy between YouTube videos and website content. This included designing a custom video embedding feature that allowed time-stamped links to specific strategies within YouTube videos. Concurrently, we launched a marketing campaign promoting the redesign's progress and upcoming launch in each video, directly bridging the content gap.
I collaborated closely with Hanuari to develop a comprehensive content strategy, creating a seamless synergy between YouTube videos and website content. This included designing a custom video embedding feature that allowed time-stamped links to specific strategies within YouTube videos. Concurrently, we launched a marketing campaign promoting the redesign's progress and upcoming launch in each video, directly bridging the content gap.
I collaborated closely with Hanuari to develop a comprehensive content strategy, creating a seamless synergy between YouTube videos and website content. This included designing a custom video embedding feature that allowed time-stamped links to specific strategies within YouTube videos. Concurrently, we launched a marketing campaign promoting the redesign's progress and upcoming launch in each video, directly bridging the content gap.
I collaborated closely with Hanuari to develop a comprehensive content strategy, creating a seamless synergy between YouTube videos and website content. This included designing a custom video embedding feature that allowed time-stamped links to specific strategies within YouTube videos. Concurrently, we launched a marketing campaign promoting the redesign's progress and upcoming launch in each video, directly bridging the content gap.
Deployment Strategy and Improved Platform Performance
Deployment Strategy and Improved Platform Performance
Deployment Strategy and Improved Platform Performance
We rolled out the redesign in three strategic phases. This approach allowed us to gather continuous user feedback and make necessary adjustments. This resulted in exponential user traffic growth, bridging the gap between website and YouTube performance.
Spanish-speaking Wild Rift players now have access to a platform that matched their needs for quick, visual, and comprehensive game strategy information.
We rolled out the redesign in three strategic phases. This approach allowed us to gather continuous user feedback and make necessary adjustments. This resulted in exponential user traffic growth, bridging the gap between website and YouTube performance.
Spanish-speaking Wild Rift players now have access to a platform that matched their needs for quick, visual, and comprehensive game strategy information.
We rolled out the redesign in three strategic phases. This approach allowed us to gather continuous user feedback and make necessary adjustments. This resulted in exponential user traffic growth, bridging the gap between website and YouTube performance.
Spanish-speaking Wild Rift players now have access to a platform that matched their needs for quick, visual, and comprehensive game strategy information.
We rolled out the redesign in three strategic phases. This approach allowed us to gather continuous user feedback and make necessary adjustments. This resulted in exponential user traffic growth, bridging the gap between website and YouTube performance.
Spanish-speaking Wild Rift players now have access to a platform that matched their needs for quick, visual, and comprehensive game strategy information.
Let's discuss what we can achieve together.
Let's discuss what we can achieve together.
Let's discuss what we can achieve together.
Let's discuss what we can achieve together.
Let’s Talk