TeamJiva
TeamJiva is a productivity platform that helps teams stay focused and maintain visibility. As the sole product designer, I built the entire brand identity, website design, and marketing presence guidelines from scratch.
Tools:
Figma, Recraft.ai
Category:
Creative Direction
Overview
Building a comprehensive brand and product ecosystem for modern team productivity
Led the entire design process for TeamJiva from scratch: spanning branding, custom AI-assisted illustrations, information architecture, and high-conversion web interface.
The Challenge
How to make the app concept accessible and easy to understand for users, transform the complex dashboard UI into clear and engaging imagery and structure, so that the app is appealing and users understand exactly how it eases their pain points. Keeping the app UI clear, while adding a personal, friendly feel to it.
Solution
A fully realized brand identity and web platform featuring a clear information architecture, custom AI-enhanced imagery, comprehensive design guidelines, and seamless user experiences.
Project details
Envisioning the brand
Team Jiva needed a visual identity that clearly communicates its core purpose: bringing people together and fostering a culture of close, focused collaboration. Rooted in the Sanskrit concept of “the soul of a living thing,” the name represents the heartbeat of the team.
To capture that personal, human-centric feel while remaining grounded in the tech space, I explored a variety of refined script and flowing letterforms for the logo, striking a balance between a handcrafted touchwhile keeping it sleek and tech-friendly.
At the center of the identity is the custom ‘J’ symbol. Hand-crafted and distinct, it serves as an intuitive anchor for the Jiva brand, doubling as a versatile graphic element across different backgrounds and applications.
The color palette is built around a vibrant medium orange (#FB7313) paired with deep navy blue (#061E4A) and soft, airy gradient transitions.
This combination is a great fit for TeamJiva because the energetic orange brings warmth and human connection, reflecting the team’s core spirit, while the professional navy blue grounds the brand in the tech space.
With the brand’s core visual direction locked in, I started mapping out the page layouts. I explored a few different hero concepts to make sure the product immediately grabs new users’ attention and sparks their curiosity.
Layout V1
Pros
Clean airy layout
The benefit row stands out clearly
Main CTA and value proposition placed directly above the fold
Product image can be showcased in a larger, more impactful format
Cons
Product image falls below the initial viewport
Relies more heavily on copy to grab attention initially
Layout V2
Pros
Clean airy layout
The benefit row stands out clearly
Cons
Can feel crowded with too much information competing for attention
Product image is smaller, which may obscure fine interface details
Layout feels visually unbalanced if we use the the organic curve of the section divider
Product image is smaller, which may obscure fine interface details
The full structure of the homepage started to take shape. I prioritised showcasing the product clearly and set place for as much info as needed for a new customer to learn about it.
