Overview
The ANJ website revamp aimed to integrate the NEXT WAVE concept—ANJ’s new brand identity—while addressing user pain points and enhancing usability, engagement, and accessibility.
As the Lead UX Designer my role encompassed user research, concept ideation, wireframing, prototyping, and collaborating with developers to deliver a seamless and impactful user experience.
Timeline
May 2020-Dec 2021
Role
UX Designer
Contribution
Primary research
Concept ideation
Brand Creation
Prototyping
High-fidelity designs
Team
4 UX Designer
2 UX Researcher
1 Project Manager
3 Developers
Status
Shipped
Problem Context
ANJ, a leading Design and Build firm in India, needed a website that aligned with its new brand identity—NEXT WAVE—symbolizing innovation in workspaces. The existing website faced critical issues:
Objective
Integrate the NEXT WAVE Concept: Seamlessly incorporate the new brand identity, emphasizing innovation, technology, and sustainability in workspaces.
Address User Pain Points: Improve navigation, responsiveness, and accessibility to create a seamless user experience.
Enhance Usability and Engagement: Simplify information architecture, introduce interactive elements, and showcase ANJ’s 40+ years of expertise in a visually compelling way.
Reinforce Brand Leadership: Position ANJ as a leader in the design and build industry by creating a website that reflects its modern, innovative, and client-centric approach.
Challenges Identified
Poor Navigation: Users struggled to find essential information, leading to frustration.
Lack of Responsiveness: The website was not mobile-friendly, limiting accessibility for a large portion of users.
Weak Brand Identity: The site failed to effectively communicate ANJ’s vision, leadership, and innovative approach.
Outdated Design: A cluttered and disorganized layout made the website feel outdated, misaligned with ANJ’s modern and forward-thinking ethos.
Solutions Implemented
We revamped the ANJ website with a minimalist, responsive design to enhance usability and accessibility, while seamlessly integrating the NEXT WAVE brand identity through modern visuals, interactive elements, and a showcase of ANJ’s 40+ years of expertise. This transformation addressed user pain points and reinforced ANJ’s leadership in innovative workspace solutions.
Enhanced User Experience
Minimalist Design: Created a clean, intuitive layout with clear visual hierarchy to improve navigation and reduce clutter, ensuring users could easily find information.
Responsive Frameworks: Fully optimized the website for all devices (desktop, tablet, mobile) to enhance accessibility and provide a seamless experience across platforms.
Interactive Elements: Added micro-interactions, hover effects, and dynamic visuals to make the website more engaging and interactive, guiding users through the interface.
Accessibility Upgrades: Prioritized WCAG 2.1 AA compliance, implementing features like adjustable text sizes, keyboard navigation, and high-contrast color schemes for inclusivity.
NEXT WAVE Brand Integration
Visual Identity: Prominently featured the NEXT WAVE concept throughout the website, using THE NEXT FONT and a cohesive color palette to reinforce ANJ’s new brand identity.
Pillar Showcase: Highlighted ANJ’s core pillars—Future Workspaces, Technology, Transparency, Teamwork, and Sustainability—through modern design and storytelling.
Project Showcase: Created a dedicated section to showcase ANJ’s 40+ years of expertise, including key stats like 100M sq. ft. of office space designed and 1800+ projects delivered.
Streamlined Navigation: Redesigned the menu structure to make it intuitive and user-friendly, with direct links to critical sections like About, Next Wave, Our Work, and Contact.
55%
Improved navigation and interactivity boosted engagement
80%
Enhanced accessibility for all users, especially on mobile
Brand Identity Clarity
Reinforced ANJ’s leadership in workspace innovation.
Phase Objectives
The ANJ website revamp followed a structured, phased approach to align user needs with business goals and the NEXT WAVE brand identity. Each phase focused on validating design decisions, prioritizing critical pain points, and delivering a user-centric solution that reflected ANJ’s innovative vision.
01. Validation
Assessed whether the NEXT WAVE concept effectively communicated ANJ’s brand identity and addressed user needs.
Conducted usability testing and gathered feedback to validate design decisions.
02. Sizing and Prioritization
Identified and prioritized key pain points like poor navigation, lack of responsiveness, and weak brand clarity.
Allocated resources to address the most critical issues for maximum impact.
03. User-Centric Surveys
Conducted surveys with employees, clients, and stakeholders to gather insights into user needs and expectations.
Combined feedback with market research to ensure the website aligned with user and business goals.
Results Matrix
The ANJ website revamp delivered measurable improvements across key user experience metrics, addressing critical pain points and enhancing overall usability. Below is a comparison of the website’s performance before and after the revamp, highlighting the tangible impact of the redesign on user engagement, accessibility, and brand clarity.
01. Task Completion Rate
Before Revamp: Weak (unclear messaging).
After Revamp: Strong (NEXT WAVE focus).
Impact: Reinforced ANJ’s identity as an innovator.
02. Brand Clarity
Before Revamp: Weak.
After Revamp: Strong.
Impact: Enhanced brand recognition and trust.
03. Mobile Responsiveness
Before Revamp: Non-optimized.
After Revamp: Fully responsive.
Impact: Improved accessibility across all devices.
04. Accessibility Compliance
Before Revamp: Non-compliant.
After Revamp: WCAG 2.1 AA compliant.
Impact: Ensured inclusivity for diverse users.
05. User Engagement
Before Revamp: Low interaction.
After Revamp: 40% increase in clicks.
Impact: Interactive elements boosted engagement.
02. Brand Clarity
Final Design
Homepage
Design Approach
Minimalist, technology-focused design with clear visual hierarchy.
Key Features
Seamless integration of the NEXT WAVE concept.
Direct links to critical sections: About, Next Wave, Our Work, Clientele, News, Media, CSR, Contact, Factory, and Team.
THE NEXT FONT and primary brand colors for a cohesive visual identity
Final Design
Projects Page
Design Approach
Visual hierarchy and responsive design for seamless engagement.
Key Features
Showcased 40+ years of Design and Build excellence.
Highlighted key stats: 100M sq. ft. office space and 1800+ projects delivered.
Micro-interactions for dynamic user interaction
Final Design
ANJ Story Page
Design Approach
Aligned with ANJ’s pillars—Future Workspaces, Technology, Transparency, Teamwork, and Sustainability.
Key Features
Modern design with gradient overlays and interactive elements.
User-friendly, seamless navigation.
Final Design
News Page
Design Approach
Simple, responsive layout with easy-to-read content
Key Features
Card-based layout for news articles.
Learnings
User-Centered Design: Balanced user needs with business goals through iterative testing and feedback.
Brand Integration: Mastered blending the NEXT WAVE identity into a cohesive, engaging user experience.
Technical Growth: Improved skills in responsive design, micro-interactions, and WCAG compliance.
Problem-Solving: Prioritized user pain points to deliver impactful, minimalist solutions.
Research Impact: Validated how user research drives effective design decisions.