Tool Overview
Tool Overview
Embedded Files
Gen AI Marketing Platform is an B2B Google Internal tool that empowers marketers to effortlessly create compelling copy, captivating visuals, data-driven insights, and interactive chatbots, revolutionizing their marketing strategies and driving exceptional results.
Team (3): Designer, Product Manager, Developer
My Role: User experience interface design, prototype, visual design
Tools: Figma
Scope of work
✔ Product Vision
Collaborated with the product manager to grasp the tool's functionality and business goals, while prioritizing user needs within the tight timeline.
✔ Designs
Presented designs aligned with Google's design system, drawing inspiration from Gemini AI while ensuring consistent branding and intuitive navigation for users.
✔ Development
Analyzed Gemini AI's CSS code to provide developers with a detailed reference for replicating the website's design and layout.
01. Problem Statement & User Flow
01. Problem Statement & User Flow
Users and stakeholders found the navigation to be confusing and not user-friendly.
02. UX Improvement
Upon reviewing the designs, numerous areas for improvement were identified.
Problems
❌ Poor User Experience
Confusing Navigation, Disorganized Layout, and Small/Unreadable Elements.
❌ Confusing Navigation
The navigation is unclear and unintuitive, confusing users.
❌ Lack of Feedback
Users are unsure if their actions have been successful or what the next steps are.
Solutions
💚 Excellent User Experience
Intuitive Navigation, Organized Layout, and Clear/Readable Elements.
💚 Improved Navigation
Navigation is simplified and more user-friendly, following Google's standards.
💚Immediate Feedback
Users receive instant visual feedback on their actions through clickable buttons and clear guidance on next steps.
03. UI Design
I leveraged and redesigned while using Google’s design system components to address users needs while aligning with business requirements.
04. Old Screens
The interface, developed with significant flaws, suffers from poor design, confusing navigation, and a lack of user feedback.
These issues, coupled with unclear next steps and insufficient guidance, result in a frustrating user experience where users struggle to navigate and complete tasks.
05. Launched Designs
Gen AI Platform Redesigned
The layout, inspired by Gemini AI, intuitively guides the eye through the page, strategically highlighting essential elements and calls to action for optimal user engagement.
Form
Due to time constraints, the tool currently uses a streamlined form instead of a chatbox for user interaction.
Design Refinement
Under time constraints, I refined the designs to align with Google's design system, establishing clear guidelines for spacing, fonts, and color palettes.
06. Design Proposals
Gen AI Platform Reimagined
Given more time, I would have reimagined the entire design experience. The designs showcased here represent alternative solutions proposed to the team.
Icons & illustrations
Icons were redesigned to better align with each category, utilizing existing Gemini imagery and assets to create cohesive illustrations.
06. Reflection
Given more time, I would prioritize designing for responsiveness and dark mode to enhance user experience across various devices and preferences.
As the sole designer on the team, I would greatly value receiving feedback from another designer to ensure a well-rounded and comprehensive design solution.
Navigate to the next project 🚀
Roger that, Captain. Setting course for the next project. Fasten your seatbelts and prepare for warp speed!
Amazing Talker: Revamp and enhance the user experience of a Taiwanese language learning app through mobile UI redesign
PayPal: Executed a B2C brand refresh, redesigning the mobile and web interfaces and developing a landing page for money transfer
Google Internal Project: Designed out new internal tool called Androidhub which is an All-in-One Client Relationship & Deal Management Tool
Connect with me: LinkedIn, Email, Resume!
Page updated
Google Sites
Report abuse