Redesign of Portal for a Market Research Company

UX Re-Design for the information portal

MRFR Hero Image

About the Client

Client is a global market research company that delivers market analysis reports across 13+ industry sectors. The product in question is a web platform for making the market reports quickly accessible to the users and facilitating the purchase decision.

Need for Redesign

  • To make the platform scalable for incorporating the new range of reports being introduced.
  • Showcase better credibility and trustworthiness to attract more users through the website.
  • Reduce drop-outs happening due to poor comprehension of report summaries.
  • Make the platform more mobile-friendly.
  • User friendly and usable, and aesthetically pleasing.

Design Process Followed

MRFR Design Process Infographics
  • Domain Understanding
  • Product Walkthrough
  • Stakeholder Requirements
  • User Understanding
  • UX Audit
  • Competitive analysis
  • IA Revamping
  • Redefined Flows
  • Improved Taxonomy
  • Refining All Interactions
  • Low-fidelity wireframes
  • UX Pattern Definition
  • Detailed visual design & Visualizations
  • User testing of key pages
  • Validate Final UX Specifications
  • Detailed Design System AKA Component Library
  • Delivered fully responsive hand-coded HTML pages
  • Adjusted HTML/CSS after deploying on test server
  • UX Governance while implementation
  • UX Testing & Iteration during Development

1. User Understanding (Primary research)

Based on extensive discussion sessions with the marketing team, existing users and Insights from Site Analytics.

Workshop with stakeholders to understand requirements.

1.1. Users

C-level executives, VPs, investors, and marketing/sales professionals seeking reliable market insights to guide decision-making.

1.2. Why Users Need Market Research Reports

  1. Identify opportunities for market entry.
  2. Scope potential for new offerings within existing businesses.
  3. Explore markets for investment prospects.
  4. Conduct competitive analysis for pricing, business, and market strategies.
  5. Plan future operations based on current trends and emerging opportunities.

1.3. Key User Behaviors

  1. 95% of users engage with reports from a single industry sector relevant to their work.
  2. Purchase decisions are primarily influenced by four report elements: market size, key players, opportunities, and trends.
  3. The typical purchase flow: show interest → request a sample → discuss customizations with the research team → complete purchase (offline).
  4. Only ~4% of users purchase reports directly through the platform.

2. UX Audit /Competitive Analysis (Secondary Research)

2.1. UX Audit

Usability Issues Found

  1. Inconsistent global navigation.
  2. Unclear terminology/labels.
  3. Missing breadcrumbs and back-navigation.
  4. Non-persistent filters & lacking advanced options.
  5. Unclear CTAs.
  6. No proper feedback on actions.
  7. Non-intuitive card interactions.
  8. Poorly organized Information within pages.

UI Issues Found

  1. Inconsistent visual elements.
  2. Overcrowded layouts.
  3. Low text contrast ratios.
  4. Missing hover states or interactive cues.
  5. Information grouping in non-semantic in a lot of pages.
  6. Non-sticky filters that scroll away.
  7. Incohesive visual language.
  8. Poor spacing causing excessive scrolling.

2.2. Competitive landscape

A comprehensive competitive analysis was conducted across leading market research platforms, including Gartner, Statista, and Frost & Sullivan, to identify standard industry usage patterns and established UX conventions. This evaluation revealed how top platforms structure navigation, surface key insights, and communicate credibility

2.3. Improvement Opportunities

  1. Standardize Navigation & Information Architecture
  2. Improve Interaction Feedback
  3. Enhance Visual Consistency & Accessibility
  4. Refine Terminology & User Guidance
  5. Optimize Workflows & Components

3. Detailed Design of pages, and interactions

3.1. Low-Fidelity Wireframes and Interaction Patterns

1. Visual Style definition

2. UX Design system : UI Library created

3. Restructuring the Information Architecture

4. Navigation and UI elements Restructuring

  • Two-tier primary navigation to distinguish between transactional* v/s non-transaction pages.
  • Simplified and Scalable user flow for accessing reports.
  • Improved taxonomy for better understanding.
  • Mega-menu and global search help find relevant info faster.
  • Contact info and action brought upfront for lead generation.

5. Search and Search results Experience Design

6. Designing Consistent Variations of all design elements like Report Widget (Show all variations of report card)

7. Report List Page

8. Report Summary Page – Reducing Decision Time

9. Home and About Page – Driving User Trust through storytelling

10. Other 50+ Supplementary Pages

MRFR Website Home Desktop Full View
MRFR Website Reports Details Desktop Full View

4. Quick Design Validation

A quick prototype testing round was conducted to validate core design decisions early and ensure the redesigned experience aligned with user expectations. This helped identify friction points, refine clarity, and strengthen the overall usability of key flows.

Key Steps in the Process:

  • Created interactive prototypes representing the redesigned navigation, report summary structure, and CTAs.
  • Conducted lightweight testing sessions with users from target segments (executives, analysts, investors).
  • Observed real-time interactions to assess comprehension, navigation flow, and decision-making cues.
  • Gathered qualitative feedback on clarity, relevance, and overall ease of use.
  • Iterated rapidly on layout hierarchy, labels, and microcopy based on user insights.
  • Finalized validated design improvements before moving into development.

5. Front-end (UI) Development

The client preferred not to use any front-end frameworks due to previous experiences. They requested us to deliver the design using only HTML5, CSS3, and JavaScript. It was a significant challenge to make the website fully responsive and adaptive, given the complexity of both its design and functionality. The project included a total of 55 pages, and our designers and developers invested significant effort to hand-code each one meticulously. We ensured the markup was SEO-friendly by using semantic HTML tags, making the content easily searchable and accessible.

The project stands as a testament to our team’s precision, adaptability, and commitment to quality — transforming a complex design into a high-performing, responsive, and SEO-friendly experience.

6. Quality Control and Design governance

The client preferred not to use any front-end frameworks due to previous experiences. They requested us to deliver the design using only HTML5, CSS3, and JavaScript. It was a significant challenge to make the website fully responsive and adaptive, given the complexity of both its design and functionality. The project included a total of 55 pages, and our designers and developers invested significant effort to hand-code each one meticulously. We ensured the markup was SEO-friendly by using semantic HTML tags, making the content easily searchable and accessible.

The project stands as a testament to our team’s precision, adaptability, and commitment to quality — transforming a complex design into a high-performing, responsive, and SEO-friendly experience.

6.1. Design System

Top Navigation Bar

MRFR Website Report Top Navbar

Footer

MRFR Website Footer Section

Search Result (Dropdown)

MRFR Website Search Result Dropdown

Hero section and navigation of “Report Details” page

MRFR Website Report Details Hero Section

Collapsed on scroll

MRFR Website Report Details Collapsed Navbar

Cards

MRFR Website Card Patterns

Thank You For Scrolling!