Ziraxi Website

Complete Brand Identity & Interactive UI Design

Key Contributions

  • Designed the complete brand identity and interactive UI for a printing service platform
  • Created a unique visual language balancing usability with modern aesthetic appeal
  • Conceptualized a logo symbolizing a Xerox device: "Z" as the machine and "i" as printed paper
  • Implemented scroll-based animation where the "i" animates out of the "Z" like printed paper turning into an interactive book
  • Designed the full application interface including complex user dashboard and admin panel
  • Established a professional visual identity with cohesive two-color palette

Technical & Creative Highlights

  • Developed dynamic UI that responds to user selections (e.g., switches to grayscale when black-and-white is chosen)
  • Adhered to Google Material Design 3 guidelines for consistent user experience
  • Created isometric 3D animations for modern, dimensional appeal
  • Designed custom iconography and visual elements for brand consistency

Tools & Technologies

Adobe After Effectsadobe-after-effectsAdobe Illustratoradobe-illustratorAdobe XDadobe-xd

Design Showcase

Ziraxi Full Homepage Design

UI Gallery

Ziraxi UI Design - Homepage
Ziraxi UI Design - Services
Ziraxi UI Design - Order Process
Ziraxi UI Design - Mobile View

Logo Design

Ziraxi Logo

Design Concept

  • Symbolizes printing process through typographic design
  • "Z" represents the Xerox machine, "i" represents the paper
  • Dynamic animation transforms logo into interactive elements
  • Maintains clarity at all sizes for versatile application