UMH - Polestar Interface

csharp dotnet wpf mvvm ui-ux
GitLab External link

Overview

UMH - Polestar Interface is an interactive desktop application prototype developed in WPF (.NET 8) for Polestar Automotive, as part of the User Interfaces coursework at the Universidad Miguel Hernández de Elche (UMH).

The application faithfully reproduces the digital experience and Scandinavian design philosophy of the electric vehicle brand Polestar, optimized for commercial terminals and interactive dealership showroom kiosks (Polestar Spaces).

Project Modules

  1. Home Screen (News & Vehicle Lineup): Grid mosaic presenting the electric vehicle portfolio (Polestar 2, 3, 4, and 5) with seasonal campaign badges (0% APR, Immediate Delivery).
  2. Authentication Flow (Login): Modern login form featuring focus management, password visibility toggle, real-time credential validation, and smooth transition animations.
  3. Interactive Commercial Gallery:
    • Dynamic vehicle carousel with complete technical specifications, WLTP range, acceleration stats (0-100 km/h), and coordinated emblem animations.
    • Large-scale typographic selector with reactive hover states and instant model previews.
  4. Integrated Quick Search: Modal UserControl accessible through hotkeys or header action with real-time substring filtering across the catalog.
  5. Unified Navigation: Cohesive top app bar, persistent brand identity, and fluid view routing across all screens.

Technical Architecture

  • Platform: .NET 8.0 WPF (Windows Presentation Foundation).
  • Architecture Pattern: MVVM (Model-View-ViewModel) powered by Microsoft’s official CommunityToolkit.Mvvm (v8.4.0) with source generators (ObservableObject, [ObservableProperty], [RelayCommand]).
  • GPU-Accelerated Animations: Native WPF animation engine (DoubleAnimation, Storyboard) enhanced with smooth easing curves (CubicEase, QuadraticEase).
  • Usability & Accessibility: Built following Nielsen’s usability heuristics and high-contrast accessibility standards.