top of page
Megaputer
Revamping the website to elevate user engagement and create seamless interactions
Shivani
Lydia
Srithika (Me)
Domain Research
Ideation
Information Architecture
Design System
Interface Design
Shanmukhi
Vaishnava
8
months
About the company
Megaputer Intelligence specializes in providing advanced data and text analysis software solutions. Their flagship product, PolyAnalyst, enables businesses to efficiently analyze and extract valuable insights from large volumes of unstructured data using powerful machine learning and natural language processing techniques.
Let's go over the project overview
So, what exactly was the problem?
Complex information architecture and inconsistent design makes it difficult for users to navigate and find the information they need.
1
2
3
How was the problem solved?
Streamlined complex information architecture of 127 page website to 50 pages, with 70% focused on a detailed Solutions section.
Before
After
1
2
3
Present Website
Redesigned Website
Initial Problem Discovery
How was the problem discovered?
Research | User Interviews | Card Sorting
Total number of interviews
10
Data Analysts
4
Psychiatrist
1
Stakeholders
5
Primary Research - Gathered direct insights from the target audience
Text-heavy, overwhelming, and difficult to skim
_edited_edited.png)
Ensure cost transparency and highlight key solutions
Emphasize the company’s expertise in AI engineering and hybrid AI
Navigation is confusing, with unclear separation b/w buttons and scattered blog tags
_edited_edited.png)
Aesthetic and layout issues, including inconsistent text spacing and hover effects, make the site feel outdated and non-intuitive.
Provide clear separation between services and products, and improve search navigation
Enhance security and professional design features, and display customer testimonials
Highlight custom-built solutions, case studies, and successful projects
_edited_edited.png)
Prioritize clearer information, intuitive navigation, and a more modern design
Add self-help options, a chatbot, and demo showcases.
Showcase comprehensive features, scalable text analysis, and AI capabilities
Improve website flow, content organization, and visual appeal.
Initial Research/ Problem Validation
Understanding the Problem
Competitive Analysis | Heuristic Evaluations | Literature Review
10+ competitors were analyzed to identify the company's unique proposition
Performed a heuristic evaluation to uncover usability gaps and improve overall user interaction
_edited_edited.jpg)
30+ papers and articles were studied to ensure a redesign that retains existing users
And also to understand what works and why it works
Consistent UI guidelines and a well-planned rebranding strategy enhance brand identity and user trust
Focusing on usability increases website effectiveness, with tools like eye-tracking informing content and design improvements
Combining Behavioral UX with usability testing reveals user motivations, guiding design decisions
Using UI design kits and following UI best practices ensures professional design
Usability evaluations ensure accessibility, especially for complex sites
_edited_edited.png)
SEO practices like keyword optimization, link building, and lazy loading boost visibility and user experience
Web analytics help refine the user experience and optimize design choices for better performance
Content structuring improves both SEO and user engagement, while a responsive design enhances rankings
3+ card sorting sessions of website's current IA with the stakeholders
To gain insights into their perceptions of the current IA
Solution Discovery
Understanding the Solution
Information Architecture | Golden Flow | Design System
To understand the IA better, first the data on the website was analyzed
Then, the most complex pages "Solution Pages" were analyzed and sorted using card sorting method
Based on all the analyzed data, the new IA was curated
Golden Flow
Using the Golden Flow principle, the visual hierarchy was enhanced to improve user clarity and flow. Content overload was minimized by organizing information into distinct sections and formatting it for easy understanding."
Visual Hierarchy
Before
The current homepage lacks clarity and trust due to irrelevant images, causing confusion and a poor user experience.
After
The redesigned homepage improves clarity, builds trust by highlighting trusted partners, and enhances the user experience with a clean, focused design.
Before
Multiple options without category descriptions confuse users and cause decision fatigue
After
Organizing categories better, adding brief descriptions and taglines, helps users understand content and improves their experience.
Before
After
While all the necessary information is available, it is not presented in a way that allows users to skim through it effortlessly, making it difficult to understand quickly
A better representation of the existing information, designed for easy skimming and quick understanding, allows users to grasp all the details easily
Content Overload
Before
Too much text about the solution, which makes it difficult for the user to skim through
After
The redesigned layout features dropdowns and solution overviews, making it easy to skim and explore solutions without overwhelming users with information
Before
After
Too much text and multiple product types make it hard for users to understand the core offering or skim through the information, creating a poor user experience
Product cards with brief descriptions and easy-to-access CTA buttons help users skim through and clearly understand the product
Design System
Created a design system that has reusable patterns, variants, and components that will be easy to build and work on in the future
Impact
What different did it make ?
User Testing | Next Steps | Learnings
88%
Decrease in total time taken to complete tasks 1 min 30secs to 30secs.
42%
Increase in optimal clarity from 45% to 78% (users perceive data quickly)
Heat Map - Home Screen
Before
In the original home screen, the emphasis is primarily on the lion and the human rather than the homepage content, making it irrelevant and confusing for users, as they are unsure of what to expect.
After
In the redesigned homepage, the focus is on the content, providing users with a clearer understanding of the company's purpose and what to expect.
Next Steps
01
User Testing & Insights
1. Conduct usability tests and A/B testing to identify pain points and compare design variations.
2. Gather qualitative and quantitative feedback to guide improvements.
02
Iterate & Enhance Key Pages
1. Improve the Product Page for better information clarity and engagement.
2. Redesign the Try It Out Page to be interactive and easily accessible rather than hidden under layers.
Learnings
01
Evolving as a Team Player
This year-long, large-scale project was a rewarding experience that deepened my collaboration and conflict-resolution skills. I learned to navigate differing perspectives, foster team alignment, and maintain productivity over time, strengthening my ability to contribute effectively in long-term team environments.
02
Design System
This project helped me really understand design systems—what they are, how they work, and why they matter for creating consistent and scalable designs. I loved building one and seeing how it keeps evolving to meet new challenges. It showed me how flexible and ever-changing design systems are, and it made me even more excited about creating organized, efficient design solutions.
03
Software Skills
For this project, we used Figma a lot. I already knew Figma pretty well, but as I worked, I learned so much more. I started using auto layout—I’ve already got the hang of it, but I’m still improving my skills to get closer to perfection. I also learned how to create components, variants, and a bunch of other features. It’s been really fun, and I’m excited to keep learning and growing.
bottom of page