JFrog Platform
Project: Main Navigation Redesign, Platform Redesign
Tools: Figma, Adobe Creative Suite, Hotjar
Company: JFrog.com
Project: Main Navigation Redesign, Platform Redesign
Tools: Figma, Adobe Creative Suite, Hotjar
Company: JFrog.com
Project Goals
• Merge Application and Settings menus for a streamlined experience.
• Emphasize Projects as the default way of working.
• Simplify admin operations and workflow.
• Reduce page overload by customizing content based on roles and permissions.
• Improve project context visibility.
• Facilitate easy adoption for new users (FreeTier/Paid Subscriptions).
• Emphasize Projects as the default way of working.
• Simplify admin operations and workflow.
• Reduce page overload by customizing content based on roles and permissions.
• Improve project context visibility.
• Facilitate easy adoption for new users (FreeTier/Paid Subscriptions).
Pain Points
• Users experience confusion in locating features and capabilities within the platform.
• Unclear platform navigation and lack of convenient backtracking make it difficult for users to understand their current location and navigate back to previous sections or levels.
• Products and content within projects are scattered, making it challenging for users to identify which project they are currently in.
• The platform lacks a homepage/landing page that serves as a dashboard or overview page, connecting our products, bringing security to the DevOps world, and providing usage indications.
• Unclear platform navigation and lack of convenient backtracking make it difficult for users to understand their current location and navigate back to previous sections or levels.
• Products and content within projects are scattered, making it challenging for users to identify which project they are currently in.
• The platform lacks a homepage/landing page that serves as a dashboard or overview page, connecting our products, bringing security to the DevOps world, and providing usage indications.
Solution
• Separate Project Configurations and Platform Configurations
• Add Breadcrumb Trail: Introduce a breadcrumb trail feature that displays the user's current location within the platform's structure.
• Improve Visibility for Project Context: Enhance the visibility of project context throughout the platform.
• Create a Homepage/Landing Page with Dashboard and Overview: Develop a dedicated homepage or landing page that acts as a central hub, connecting various products and features.
• Add Breadcrumb Trail: Introduce a breadcrumb trail feature that displays the user's current location within the platform's structure.
• Improve Visibility for Project Context: Enhance the visibility of project context throughout the platform.
• Create a Homepage/Landing Page with Dashboard and Overview: Develop a dedicated homepage or landing page that acts as a central hub, connecting various products and features.
First Time User - Set Up New Project
![](https://cdn.myportfolio.com/d731dc40-3b12-4f14-8557-f56e33079f64/9eb76ebc-7439-4950-ac39-b8c5f591ddd7_rw_1920.png?h=02bad5b744e87f84e072fa3df4a1dd55)
Overview Screen: Unifying Access to Diverse Products and Features
![](https://cdn.myportfolio.com/d731dc40-3b12-4f14-8557-f56e33079f64/c3f56def-b545-4c83-99d0-fc19bb29856f_rw_1920.png?h=8745f0525c4af72369ac15a6f0874231)
![](https://cdn.myportfolio.com/d731dc40-3b12-4f14-8557-f56e33079f64/2d1e89d3-dc99-4904-97a0-2bf788d87f6f_rw_1920.png?h=87f172c8bbc4cb1e999428228434fd9d)
Create a New Project Flow
![](https://cdn.myportfolio.com/d731dc40-3b12-4f14-8557-f56e33079f64/5f561492-5520-499b-a8df-a2d13e37fec6_rw_1920.png?h=d8069ddf5e72f88bca1ffdd6101431b6)
Top Navigation Bar
![](https://cdn.myportfolio.com/d731dc40-3b12-4f14-8557-f56e33079f64/af2c77a7-1a16-4522-ad6f-6a8dac609477_rw_1920.png?h=9746c57bef361fed47c26f04b0b31409)
Design System
![](https://cdn.myportfolio.com/d731dc40-3b12-4f14-8557-f56e33079f64/7b0e094e-0139-4dd0-acf4-6709fde209e0_rw_1920.png?h=15be83fdf73d523a4ae5f3412711ad4b)