← Back to Projects
WEB DESIGN

VivaGel™ BV | UI/UX Redesign

Tailwind CSS UI/UX Design Illustration Redesign HTML5 CSS JavaScript
VivaGel™ BV | UI/UX Redesign Preview image

⚠️ This is an independent UI/UX redesign. VivaGel™ is a registered trademark of Starpharma. This work is not affiliated with or commissioned by the company.

🎯 Objective

To redesign the VivaGel™ BV website with:

  • A modern, mobile-first layout
  • Professionally structured information architecture
  • Emotionally-aware UX patterns for patients
  • A visual system that aligns with the pharmaceutical industry

🧠 Design Philosophy

This redesign was built from the ground up using industry-appropriate principles:

  • Trust-first visuals: Black & white design language with neobrutalist and clinical minimalism influence.
  • Content hierarchy: Information flows from problem → cause → solution → science → action.
  • Tone & language: Rewritten copy avoids fear-based messaging and uses calm, direct medical framing.
  • Design structure: Inspired by medical dashboards, scientific journals, and global pharma UX standards.

mobile preview

📊 UX Issues Identified in the Original Site

  • ❌ Inconsistent use of visuals and imagery
  • ❌ UI patterns not aligned with pharmaceutical or clinical norms
  • ❌ Poor responsiveness on mobile devices
  • ❌ Content lacks emotional safety and structural clarity
  • ❌ Weak call-to-actions and conversion paths

✅ Improvements in This Redesign

  • ✅ Patient-first layout built for reading, not scrolling
  • ✅ Consistent modern visual system with neutral tones and accessible typography
  • ✅ Mobile-first responsive layout using Tailwind CSS
  • ✅ Rewritten content for better empathy and trust
  • ✅ Conversion-friendly CTA sections designed without pressure

📸 Preview

desktop preview Live Demo → View the Redesign

🛠️ Tech Stack

  • HTML5
  • Tailwind CSS
  • Vanilla JS (optional for mobile nav and animations)
  • Font Awesome
  • GSAP

No frameworks, no build system — 100% static and deployable anywhere.

⚠️ Disclaimer

This redesign is shared for learning, portfolio, and demonstration purposes only. VivaGel™ and all product trademarks remain the property of Starpharma Holdings. Please do not reuse this design commercially without permission.