Student Internship Tracking

Exploring design iterations for the CSIT internship management system. Each version represents refinements in UX, visual hierarchy, and information architecture.

Explore versions
v1 v2
Version 01

Original

Version 1 - Original Design
Click to expand β†—
Current Version
Version 02

Redesign

Version 2 - Redesign
Click to expand β†—
Proposed

Design Evolution

Key improvements and changes between versions

🎨

Color Palette

Shifted from warm magenta/purple tones to a refreshing blue/teal palette. The new color scheme conveys trust, professionalism, and modern aesthetics.

Magenta β†’
Teal
πŸ“

Layout Structure

Evolved from card-based grid to a sidebar navigation with enhanced information density. Better use of vertical space while maintaining visual breathing room.

Grid β†’
Sidebar
🏷️

Status Indicators

Introduced color-coded status badges (Ongoing, Completed, Pending) for immediate visual recognition of internship states.

New Feature
πŸ‘€

User Identity

Added avatar placeholders and student ID display for quicker user identification and personalized experience.

New Feature
πŸ“Š

Information Density

V2 displays more detailed information per card including period dates, company details, and statusβ€”all without cluttering the interface.

Basic β†’
Enhanced
✨

Visual Polish

Subtle grid background pattern, refined shadows, and improved typography hierarchy create a more polished, production-ready appearance.

Enhanced