IZAN PLUS
Redesigned and developed the frontend of IZAN PLUS, a digital platform for Mahall administration, with a modern responsive interface while preserving its original content and identity.
Languages supported with English and Malayalam.
Modernizing an existing Mahall management platform while preserving its identity.
IZAN PLUS is a digital platform for Mahall administration, designed to provide a centralized online experience for managing and presenting Mahall-related information.
The challenge was to modernize the existing website without losing its original content and identity. The implementation also needed to provide a responsive experience across devices while keeping the interface clear and easy to navigate.
A modern responsive interface with reusable components and multilingual support.
The frontend was redesigned and developed using Next.js, React, TypeScript, and Tailwind CSS. The interface was structured around reusable components and separated content data to make the implementation easier to maintain.
English and Malayalam language switching was implemented alongside a responsive hero slider, redesigned feature presentation, smooth motion effects, and Lenis-based scrolling. The existing codebase was also reviewed and simplified by removing unnecessary code, duplicated logic, unused components, and unnecessary abstractions.
Interactive Implementation
export const features = [
{
title: "Feature Title",
description: "Feature description",
},
{
title: "Another Feature",
description: "Feature description",
},
];Core Highlights
English & Malayalam
Implemented language switching between English and Malayalam for a more accessible experience.
Modern UI/UX
Redesigned the existing interface with a cleaner, more modern visual structure while preserving the original identity.
Responsive Hero Slider
Built a responsive hero slider with smooth transitions and imagery adapted for different screen sizes.
Editorial Feature Section
Redesigned the 24-feature section into a structured editorial-style presentation for improved content readability.
Motion & Smooth Scrolling
Added smooth animations and interactions using Motion and Lenis to create a more engaging browsing experience.
Codebase Cleanup
Simplified the implementation by removing unused code, duplicated logic, unnecessary components, and excessive abstractions.