Red Lion - Graphical panel monitering screen

Easy, smart-device-like programming allows users select screens and customize elements without programming software for the industries like oil, gas, water to monitor the pressure and heat

Screen 1
Screen 2
Screen 3
Screen 4
Screen 5
Screen 6

My Contribution

I worked as both a UI Designer and Front-End Developer, managing the full design-to-code process.

  • Designed the user interface and layout for a modern and intuitive experience.
  • Developed responsive pages using HTML5, CSS3, and Bootstrap.
  • Followed W3C and WCAG standards for accessibility and code quality.
  • Optimized for performance, reusability, and cross-browser compatibility.
  • Collaborated with backend developers to integrate UI components seamlessly.

Skills Used

  • HTML5
  • CSS3
  • Responsive Design
  • WCAG Accessibility
  • UI/UX Implementation
  • Code Optimization

Before: The gauge screen appeared outdated and less user-friendly

After: Redesigned the gauge screen monitoring panel with a modern, clean, and intuitive look.

Screen 2

User Flow