Skip to content

feat: modernize Research & Development page UI

Praveena Veeranki requested to merge dev into main

Overview

This merge request includes major UI/UX enhancements and redesigns across the Codonix platform, focusing on a more premium biotech/genomics experience, improved responsiveness, and production-ready styling.

Features & Improvements

Homepage Enhancements

  • Redesigned hero section with modern split-column layout

    • Bluish-white gradient theme
    • Professional lab/research imagery
    • Improved typography and spacing
    • Enhanced visual hierarchy

  • Added 6-card collaboration grid

    • Sector-based cards with images and icons
    • Hover animations and responsive layouts
    • Improved user engagement and navigation

“Why Codonix?” Section Redesign

  • Added stripe-style image background
  • Redesigned content into a clean 3-column bullet grid
  • Improved readability and modern enterprise styling
  • Enhanced spacing, alignment, and responsive behavior

Contact Page Redesign

  • Fully redesigned Contact page UI
  • Added premium biotech-inspired layout
  • Improved form styling and typography
  • Removed outdated contact information sections
  • Added modern cards, trust indicators, and responsive spacing
  • Added dark mode compatibility

Research Page Redesign

  • Enhanced overall UI/UX structure
  • Improved section organization and readability
  • Added responsive layouts and visual consistency
  • Updated styling to match new Codonix design system

About Page Redesign

  • Completely redesigned About page
  • Improved storytelling and content presentation
  • Enhanced typography, spacing, and modern visuals
  • Added responsive improvements and dark mode support

Technical Improvements

  • Fixed all asset paths using /codonix/ base prefix

    • Ensures Vite production compatibility
    • Resolves deployment/static asset issues

  • Added dark mode overrides for all newly added components

  • Improved consistency across pages and layouts

  • Refined animations, spacing, and responsive behavior

Result

The application now delivers:

  • A more premium and professional biotech experience
  • Improved UI consistency across all major pages
  • Better responsiveness and production readiness
  • Enhanced dark mode support
  • Modern enterprise-grade design system

Merge request reports