Zataak Se Design System
An interactive platform for creating, sharing, and selling digital artworks, offering artists user-friendly tools, a vibrant gallery, and a secure marketplace, fostering community engagement and making art accessible to everyone.
My Role
Product Designer — Interaction Design, Visual Design, User Flows, Wireframing, User Research,
Timeline & Status
March 2024 to December 2024
Tools
Design System Overview – Brand Identity
This section highlights the core of Zataak Se's design system, showcasing the brand color palette with neutrals and semantic colors for cohesive branding. It also emphasizes iconography, leveraging Google Material UI for a modern and consistent visual language across applications.
Accessibility by Design – WCAG Compliance
A detailed illustration of WCAG-compliant designs, with three phone screens demonstrating accessibility principles. The first two screens showcase contrast ratios exceeding 7:1, ensuring optimal readability. The third screen, in grayscale, exemplifies how intuitive icons and distinct shapes enhance usability for color-blind users, making input fields and selections universally accessible.
Interaction States – Pop-ups and Empty Screens
This image presents the interaction states of Zataak Se’s Consumer, Merchant, and Operations apps. It highlights pop-up modals and thoughtfully designed empty states, ensuring a seamless user experience by maintaining consistency and clarity in every user interaction.
Interactive Elements – Button and Navigation States
This image showcases the various button states and types in Zataak Se's design system, ranging from rectangular to circular shapes, catering to diverse interaction scenarios. Additionally, it presents the navigation states and Call-to-Action (CTA) states for the Consumer, Merchant, and Operations apps, ensuring consistency and intuitive interaction across all platforms.
