Nichesolv Pvt.Ltd.

Elevating the digital experience through a user-centric website redesign and introducing a fresh visual language for seamless exploration and enhanced conversion
Project Overview
Nichesolv is a forward-thinking technology company specializing in AI-powered marketing solutions. Their expertise lies in providing B2B and B2C solutions, utilizing AI to optimize marketing campaigns, enhance user engagement, and deliver measurable results.

This project involves a comprehensive overhaul, focusing on refining the user interface, streamlining product information, and introducing a fresh visual identity for clients seeking cutting-edge solutions in the dynamic digital marketing landscape.
Role
UI/ UX Design
User Research
Product Strategy
Year
2022- 2023
Sector
Technology and Software

Challenges Faced by the Old Website

Nichesolv is a software company with design and development capabilities in full stack Web, Mobile, AI/ML etc. The website is its major user touchpoint. The target audience of the website are current and potential clients, prospective employees, investors and partnership seekers.
Nichesolv currently grapples with several challenges in its web presence. The existing website struggles to seamlessly convey the breadth and depth of the company's cutting-edge AI-powered marketing solutions. A lack of clarity in presenting essential information poses a hindrance, making it challenging for potential clients and visitors to fully comprehend the profound value that Nichesolv brings to the digital marketing landscape. Navigational complexities and a potential mismatch between design elements and user expectations further contribute to a suboptimal user experience.

They needed a new website that was organized better for user navigation, provided well-structured and easily digestible information. The new visual language had to look fresh while also reflecting the maturity of the company.

Text-Heavy Content
The old website was burdened with an excess of text, making it overwhelming for users to digest information efficiently.
Scattered Information
Important information was fragmented and scattered across the website, often hidden in seemingly random nooks.
Lack of Coherence
The website lacked a coherent structure and navigation that catered to the different kind of users that visited the site.
Ineffective Hierarchy
The old website struggled with a suboptimal information hierarchy, making it challenging for users to prioritize and absorb essential details about the company's offerings.
Complex Navigation
Navigational challenges, such as a lack of intuitive pathways and overly complex menu structures, hinder the user's ability to seamlessly explore and locate relevant information on the site.
Outdated Visuals
The design elements appear outdated, lacking a contemporary visual aesthetic that aligns with the innovative nature of Nichesolv's AI-powered marketing solutions.

They needed a new website that was organized better for user navigation, provided well-structured and easily digestible information. The new visual language had to look fresh while also reflecting the maturity of the company.

Project Research & Discovery

The standard user experience and best practices for event ticketing platforms were already out there to model Wagmeet after. The challenge was to integrate elements of web3 into the platform in a way that keeps them accessible to users of the  traditional web.

The first step in designing the product structure was to define our user personas — event hosts and attendees. From basic research, we learned about the needs and goals of the two groups to model the product around. One key difference between the user groups was that the attendees were expected to be mostly web3 newbies for whom Wagmeet would be the first native web3 experience. The event hosts on the other hand were web3 natives looking to use Wagmeet to build and engage the web3 community, while also possibly profiting from the process.

We detailed out a product schema defining different kinds of entities in the product (like event, user profile, host profile, ticket, etc.), their attributes and interactions. This helped ensure all features and functionalities were covered, and also served as a blueprint to design user flows based on.

Design Alignment Brief

We received a comprehensive walkthrough from the company leaders. This helped us direct our design decisions to better align with the company’s objectives and vision.

Current Website

Navigating the current Nichesolv website, we explored its features, structure, and content to comprehend its functionality and user experience intricacies.

UX Audit

In order to identify and better understand the causes and impacts of the problems faced, we conducted an extensive UX audit. We took a multi-faceted approach, examining user analytics data, conducting heuristic usability evaluations of the web interface, and reviewing the offerings of competitors. This in-depth audit process allowed us to analyze the different layers of the problems and provided valuable insights into potential solutions.

User Interviews

We implemented a comprehensive approach by conducting user interviews with both company employees and potential clients. Engaging with internal stakeholders provided us with valuable insights into the company's identity, culture, and overarching goals. By understanding the perspectives of those intimately involved with Nichesolv, we ensured that the website redesign would authentically reflect the brand's ethos. Simultaneously, interviews with potential clients allowed us to grasp the external user experience, identifying key expectations and preferences.

User interviews were conducted with potential clients and company employees to understand what the site was lacking from both internal and customer centric viewpoint

We then mapped the main takeaways from these interviews which would help guide our design

Heuristic Evaluation

We conducted a heuristic evaluation of the current website, employing established usability principles to assess its interface comprehensively. By scrutinizing elements such as navigation, consistency, user control, and error prevention, we aimed to identify potential usability issues. Our evaluation delved into user flows, highlighting pain points and suggesting opportunities to enhance calls to action strategically. In the process, we unearthed and addressed some latent bugs. The heuristic evaluation not only revealed areas for improvement but also guided design changes aimed at elevating the overall usability and user experience of the website.

Usability evaluation of the platform

Competitor Analysis

To gain valuable insights into the competitive landscape, we conducted a thorough competitor review of the current website, benchmarking it against others in the same industry. Our analysis involved assessing the strengths and weaknesses of rival companies' websites, understanding what features contribute to their success, and identifying aspects that may be hindering their user experience. By scrutinizing competitors' designs, functionalities, and content strategies, we aimed to discern emerging trends, innovative features, and industry best practices.

Feature comparison on websites of similar companies

References of competitor websites for specific features

Revamping Website Navigation

Informed by a comprehensive UX audit and a thorough competitor analysis, we embarked on a strategic journey to revamp the website navigation for an enhanced user experience. Our approach involved streamlining the navigation structure to align with user expectations, emphasizing clarity and ease of use. Drawing inspiration from successful navigation models observed in competitor websites, we integrated best practices to guide users seamlessly through the site.

Defining the website navigation and sections of each page (top) and wireframing different layouts for each website page (bottom)

Transforming the UI

We initiated the process by constructing a comprehensive style guide that served as the foundational blueprint for the redesign. Collaborating closely with the development team, we meticulously crafted elements such as atoms, defining the fundamental building blocks, colors, and typography. This collaborative effort ensured that the design principles seamlessly aligned with the technical requirements, fostering a cohesive and efficient development process.

Colour Palette

Typography and its documentation

Icons

Style guide- Atoms and Molecules

With the foundation laid by our comprehensive style guide and wireframes, we transitioned seamlessly into the design phase, shaping the final website pages. Applying the meticulously defined atoms, colors, and typography from the style guide, we ensured a cohesive visual identity.