![](https://framerusercontent.com/images/PoRz3LbAjLODehJ0GYgU73iIg.webp)
![](https://framerusercontent.com/images/PoRz3LbAjLODehJ0GYgU73iIg.webp)
![](https://framerusercontent.com/images/PoRz3LbAjLODehJ0GYgU73iIg.webp)
Zoho Show
Zoho Corporation
2023
Zoho Show
Zoho Corporation
2023
Zoho Show
Zoho Corporation
2023
Zoho Show is a versatile presentation software for iOS and iPadOS, designed for creating, editing, and sharing visually compelling slideshows.
Team
Sriram Hemanth Kumar
UI Designer
Sriram Hemanth Kumar
UI Designer
Sriram Hemanth Kumar
UI Designer
Rangarajan
UI Manager
Rangarajan
UI Manager
Rangarajan
UI Manager
Damodharan Sundarajan
Design Architect
Damodharan Sundarajan
Design Architect
Damodharan Sundarajan
Design Architect
Tools
Figma
Photoshop
Zoho Nila
Timeline
2 years
Jan 2021 - Jan 2023
Disciplines
Human Interface Guidelines
Interaction Design
User Research
Graphic Design
Video Editing
A Scalable Design System
A Scalable Design System
A Scalable Design System
My primary objective is to build a unified visual language and modular components, ensuring consistency and efficiency in user experience and interface design across all Apple platforms.
![](https://framerusercontent.com/images/y09jM1LrY5bDBJSduNvDcCQMbM.webp)
![](https://framerusercontent.com/images/y09jM1LrY5bDBJSduNvDcCQMbM.webp)
![](https://framerusercontent.com/images/y09jM1LrY5bDBJSduNvDcCQMbM.webp)
Enhancing Brand Identity and User Engagement
The Zoho Show design system focuses on clarity and engaging the user, necessitating a balanced integration of Zoho's visual aesthetics with features specific to presentations. This approach ensures that the design is user-friendly and aligns with Zoho's broader brand identity.
Challenges
Challenges
Challenges
Inconsistent Components
Zoho Show initially relied on custom components, which limited its ability to expand efficiently across various devices. To address this challenge, we transitioned to using system components, enabling the design system to be more scalable, efficient, and durable. This shift allowed Zoho Show to maintain consistency and improve user experience across different platforms, making the design process more streamlined and adaptable to future updates.
Translating Complex Features
A major challenge in creating Zoho Show for iOS and iPadOS was translating complex web features, like chart manipulation with extensive data editing, to the limited space and touch-based interaction of mobile devices.
![](https://framerusercontent.com/images/lYFdhVFuvbCUoznwj1m7P8znI.webp)
![](https://framerusercontent.com/images/lYFdhVFuvbCUoznwj1m7P8znI.webp)
Editing Chart Data on Zoho Show Web(Left) and iOS(Right)
![](https://framerusercontent.com/images/lYFdhVFuvbCUoznwj1m7P8znI.webp)
![](https://framerusercontent.com/images/lYFdhVFuvbCUoznwj1m7P8znI.webp)
![](https://framerusercontent.com/images/Cs3Y6yV5im2EasjJOfrKJU8qKM.webp)
![](https://framerusercontent.com/images/Cs3Y6yV5im2EasjJOfrKJU8qKM.webp)
![](https://framerusercontent.com/images/Cs3Y6yV5im2EasjJOfrKJU8qKM.webp)
iOS
iOS
iOS
Mobile-First Design
After the web, usage shifted significantly towards mobile phones, so we decided to focus on mobile.
Gesture Integration
Leveraged iOS's rich gesture vocabulary, allowing users to navigate, edit, and present with intuitive swipes, pinches, and taps.
iPadOS
iPadOS
iPadOS
While iPadOS shares the same DNA as iOS, the iPad offers expanded capabilities such as multitasking, Split View, and Apple Pencil support and larger canvas.
We crafted an immersive, device-native experience rather than a scaled-up iPhone interface.
Optimized for the larger screen, supports multitouch, and integrates with iPad-specific functionalities like Apple Pencil and advanced multitasking.
This approach provides an immersive, iPad-centric user experience, rather than just a scaled-up version.
![](https://framerusercontent.com/images/MPty4MbYrVzNwRxbSwPmII18pY.webp)
![](https://framerusercontent.com/images/MPty4MbYrVzNwRxbSwPmII18pY.webp)
![](https://framerusercontent.com/images/MPty4MbYrVzNwRxbSwPmII18pY.webp)
![](https://framerusercontent.com/images/WU8hbWDqkcpnUBsnh5NknOuLeX4.webp)
![](https://framerusercontent.com/images/WU8hbWDqkcpnUBsnh5NknOuLeX4.webp)
![](https://framerusercontent.com/images/WU8hbWDqkcpnUBsnh5NknOuLeX4.webp)
macOS
macOS
macOS
The evolution of our project required extending this design system to macOS, a platform with distinct user interactions and larger screens, while retaining the DNA of its iOS and iPadOS origins.
These improvements leverage the Touch Bar's unique capabilities to streamline workflow and offer intuitive controls for a more efficient and engaging presentation design process.
The evolution of our project required extending this design system to macOS, a platform with distinct user interactions, larger screens, and a different usage context, while retaining the core DNA of its iOS and iPadOS origins.
These improvements leverage the Touch Bar's unique capabilities to streamline workflow and offer intuitive controls for a more efficient and engaging presentation design process.
![](https://framerusercontent.com/images/8gD1hGc1ybyjZLMWW6cJDWJR8WY.webp)
![](https://framerusercontent.com/images/8gD1hGc1ybyjZLMWW6cJDWJR8WY.webp)
![](https://framerusercontent.com/images/8gD1hGc1ybyjZLMWW6cJDWJR8WY.webp)
tvOS
tvOS
tvOS
Onboarding Experience for Apple TV
Streamlined the onboarding process to enhance user engagement on Apple TV.
Simplified Navigation
Recognizing the remote-driven interaction of Apple TV, I designed a streamlined interface that's easy to navigate from the couch.
Slide Controls Design
Developed intuitive slide controls to improve user interaction within the app.
![](https://framerusercontent.com/images/96JozVHPk0WjHLjEZDwQV74dDp0.webp)
![](https://framerusercontent.com/images/96JozVHPk0WjHLjEZDwQV74dDp0.webp)
![](https://framerusercontent.com/images/96JozVHPk0WjHLjEZDwQV74dDp0.webp)
![](https://framerusercontent.com/images/8R4Q3JukyU9Lw63jHWSPdb0msM.webp)
![](https://framerusercontent.com/images/8R4Q3JukyU9Lw63jHWSPdb0msM.webp)
![](https://framerusercontent.com/images/8R4Q3JukyU9Lw63jHWSPdb0msM.webp)
Webpages
Webpages
Webpages
Designed several web pages to highlight the diverse features and solutions of Zoho Show.
Utilized responsive design principles to ensure accessibility across various devices.
Accomplishments
Accomplishments
Accomplishments
Provided components to the major elements of the product to ship it to developers as a library.
The design system helped improve the performance of the product by 55%.
Conducted education and testing sessions for the designers to use the design system.
Reflection
Reflection
Reflection
Creating and managing design system at scale
Creating and managing design system at scale
Creating and managing design system at scale
Balancing pace and perfection
Balancing pace and perfection
Balancing pace and perfection
Receiving feedback and iterating
Receiving feedback and iterating
Receiving feedback and iterating
Sriram Puli Hemanth Kumar
© 2024
Sriram Puli Hemanth Kumar
© 2024
Sriram Puli Hemanth Kumar
© 2024