Strategic Portfolio Management (SPM) Software
At Uppwise, I spearheaded the comprehensive redesign of our Portfolio Project Management (PPM) software, transforming it into the cutting-edge Strategic Portfolio Management (SPM) platform. This transformation, spanning seven years, involved revamping each module, introducing approximately 600 custom-designed icons, and enhancing the overall user experience to align with modern strategic management needs.
Key Features of the SPM Platform:
- Strategy Alignment: Integrates organizational strategic objectives with project portfolios.
- Predictive Analytics & Real-time Reporting: Facilitates data-driven decision-making with advanced analytics.
- Customizable Dashboards & Workflows: Offers flexibility to tailor the platform to unique strategic goals.
- Risk Management: Provides tools for proactive risk identification and mitigation.
- Collaboration & Communication: Enhances teamwork and transparency across departments.
Comprehensive Case Study: Revamping PPM to SPM
The Challenge:
Uppwise's existing PPM platform, while robust, was becoming outdated in terms of technology, user experience, and scalability. The need arose to transition from a project-centric management tool to a strategy-focused platform that could better align with organizational goals and provide deeper insights into portfolio performance.
My Role:
As the Lead Product Designer, I was responsible for overseeing the entire redesign process. This included user research, wireframing, high-fidelity mockups, and the creation of 600 custom icons to enhance visual consistency and usability. My goal was to ensure that the new SPM platform not only retained the core functionalities of PPM but also introduced strategic elements to elevate its value proposition.
The Solutions:
1. Introduction of the Strategy Module
- Define and Map Your Strategy: Enabled the creation and mapping of enterprise strategies, linking Strategic Themes and Key Goals to Objectives & Key Results (OKR).
- Integration with Portfolio Module: Facilitated top-down funding and bottom-up updates on strategy execution performance.
2. Enhanced Portfolio Management
- Create Portfolios to Support Your Strategy: Allowed the creation of multiple portfolio types and scenarios, optimized through intelligent algorithms for strategic alignment.
- Strategy Funding Management: Offered flexible funding models based on strategic portfolio analysis, supporting incremental investments and re-balancing.
3. Demand Management
- Collect Ideas and Incoming Demand: Managed both planned and unplanned initiatives, enabling idea capture, ranking, prioritization, and evaluation within portfolio scenarios.
- Workflow Automation: Utilized a powerful workflow engine integrated with a Kanban board for seamless demand management.
4. Program Management
- Run Adaptive Program Management: Enabled the creation and management of programs as separate entities, with configurable workspaces for comprehensive performance analysis.
- Integration with Portfolios: Linked programs to portfolios through projects, products, and other items, providing unified views of timelines, roadmaps, risks, dependencies, and resources.
5. Resource Capacity and What-If Scenario Modeling
- Advanced Resource Management: Categorized resources by various attributes to aggregate and analyze across programs and portfolios.
- Capacity Planning: Implemented resource capacity thresholds to model portfolio scenarios, forecast shortages, and manage bottlenecks effectively.
6. Integration and Mapping to Strategies
- Portfolio Integration: Seamlessly linked portfolio elements to strategic goals, enabling scenario composition that supports strategic intents.
- Performance Metrics and OKR Implementation: Utilized configurable metrics and key performance indicators (KPIs) to track strategy progress and support full OKR implementation.
Design Enhancements
- Custom Iconography: Designed 600 unique icons to enhance navigation, improve visual appeal, and strengthen the platform's brand identity.
- User-Centric Interface: Streamlined the user interface for better usability, ensuring that both strategic and operational users could navigate the platform intuitively.
- Customization Flexibility: Provided extensive customization options for workflows, dashboards, and reporting to cater to diverse organizational needs.
Results
- Improved User Experience: The redesigned interface received widespread acclaim for its intuitive design and aesthetic appeal, leading to increased user satisfaction and adoption rates.
- Enhanced Strategic Alignment: The new strategy module enabled organizations to better align their project portfolios with strategic objectives, resulting in more effective resource utilization and goal attainment.
- Scalability and Flexibility: Customizable workflows and dashboards allowed the platform to adapt to various industries and evolving business requirements.
- Proactive Risk Management: Enhanced risk identification and prioritization tools enabled organizations to mitigate potential threats more effectively.
- Strengthened Collaboration: Improved communication features fostered a culture of teamwork and transparency, breaking down departmental silos.
Presenting UI Components
This revamp not only modernized the product but also positioned it as a leader in the strategic portfolio management space. This project highlights my ability to lead complex product redesigns, create cohesive and visually appealing interfaces, and integrate strategic functionalities that drive business value. The SPM platform stands as a testament to my dedication to enhancing user experiences and aligning product offerings with organizational goals.
Iconography
AR Icons — Elevate Your UI with Professional Precision | AR Icons is a meticulously crafted collection of 400+ modern, high-quality icons optimized for clarity, consistency, and seamless integration into web, app, and mobile UI designs.
Key Features:
- Over 400 Icons: Each icon is crafted for enhanced clarity, visibility, and user-friendliness—ideal for intuitive user experiences.
- 24×24 Grid System: Designed with a precise 24×24 grid ensuring visual consistency and pixel-perfect alignment.
- Figma-First Workflow: Built specifically for Figma, these icons support component overrides, stroke and color changes, and are neatly organized in variants with a 2px stroke.
- Curvature Continuity: Smooth, uninterrupted curves deliver a polished and sophisticated appearance.
- Perfect Corner Smoothing: Apple-style super-ellipse shaping is used for subtle, refined corners that feel natural and premium.
- Dark & Light Modes: Icons are available in both dark and light themes, with dedicated pages for easy selection.
VitaSync
The primary goal of the Health and Wellness Application was to develop a user-centric platform that empowers individuals to actively manage their fitness, nutrition, and mental health. The app seeks to overcome the common challenges users face in maintaining a healthy lifestyle by offering personalized recommendations, tracking tools, and a supportive community.
The primary goal of the Health and Wellness Application was to develop a user-centric platform that empowers individuals to actively manage their fitness, nutrition, and mental health. The app seeks to overcome the common challenges users face in maintaining a healthy lifestyle by offering personalized recommendations, tracking tools, and a supportive community.
Key Features:
- Customized fitness and nutrition plans tailored to the user’s goals, body type, and lifestyle.
- Adaptive recommendations based on progress and changes in user preferences.
- Fitness tracker to monitor workout progress, steps, calories burned, and heart rate.
- Nutrition tracker with meal logs, calorie counting, and suggestions for balanced diets.
Personalized Health Plans:
Comprehensive Tracking Tools:
- Peer support groups and challenges to engage users and maintain motivation.
- Sharing options for users to post progress, workouts, and meal ideas with others.
- Guided meditations, breathing exercises, and wellness tips for mental health improvement.
- Mood journaling and stress relief exercises to foster emotional well-being.
Community & Social Features:
Mindfulness & Mental Health:
- Easy-to-read dashboards that present user progress in a visually appealing way.
- Insights and reports to show health improvements over time.
Interactive Dashboards:
- Users can set short-term and long-term health goals and receive motivational rewards.
- Achievements and badges to encourage continued participation.
Goal Setting and Rewards:
DMart Comfort
The solution was a comprehensive UX redesign that aimed to streamline the shopping process by introducing self-checkout kiosks, online payment and pickup options, and improving store layout and customer feedback systems. The focus was on delivering a seamless and efficient customer journey, allowing shoppers to save time and avoid queues.
This redesign resulted in a more streamlined, customer-centric experience for DMart shoppers. The introduction of self-checkout kiosks and online payment options reduced queues significantly, while the improved store layout and real-time feedback created a more efficient and stress-free shopping environment. Early user feedback indicated higher satisfaction rates, reduced checkout times, and improved store organization.
Key Features:
- Wide range of payment options including digital payments, enhancing convenience.
- Quick scanning technology for fast processing.
- Seamless online shopping experience with flexible pickup schedules from the store.
- Contactless payment with the advance technology via QR or digital cart and order collection.
Self-Checkout Kiosks:
Online Payment and Pickup Options:
- Separate zones for self-checkout and manned counters to minimize crowding.
- Clutter-free, easy-to-navigate shopping lanes.
- In-store digital displays showing current wait times at checkout.
- Notifications on stock availability, reducing disappointment for customers.
Improved Store Layout:
Real-Time Feedback Systems:
CocoBite
CocoBite is a food delivery application that connects users with local chefs and small food businesses. The app is focused on home-style meals, convenience, and a personalized ordering experience — blending traditional cuisine with modern delivery ease.
CocoBite redefines the food delivery experience by prioritizing authenticity, health, and user comfort. Through thoughtful UX design, the app connects users with real chefs and real food in a sleek, modern interface.
Key Features:
- Highlights chef-curated meals
- Offers seamless browsing and ordering
- Provides a trustworthy and secure checkout system
- Showcases local chefs and their homemade dishes
- Each dish includes chef bios, ingredients, and preparation style
- Builds trust and adds a personal touch to the experience
Goal
Chef-Curated Meals
- Intuitive add-to-cart and order customization
- Transparent pricing with live updates
- Multiple payment methods (including wallet & card options)
- Elegant dark-themed interface for better readability
- Enhances food photography and visual appeal
- Reduces eye strain for nighttime browsing
Seamless Ordering & Checkout
Modern Dark UI Design
KitchenRush
KitchenRush is designed to be a leading mobile app for food delivery services. The app will provide users with a seamless experience for browsing menus, placing orders, tracking deliveries, and accessing exclusive offers from a variety of restaurants. The goal is to attract food lovers and provide them with a convenient, user-friendly platform to satisfy their culinary cravings.
Building the KitchenRush mobile app requires a combination of user-centric design, robust development, and comprehensive content management. By focusing on delivering a seamless and enjoyable user experience, Food Ninja aims to become the preferred food delivery app for food lovers.
Key Features:
- Clean, intuitive design for easy navigation.
- Responsive layout optimized for both iOS and Android devices.
- Comprehensive directory of restaurants with detailed profiles.
- High-quality images, menus, and customer reviews for each restaurant.
User-Friendly Interface:
Restaurant Listings:
- Option to save favorite orders for quick reordering.
- Interactive menus with options to customize orders
- Real-time GPS tracking of delivery drivers.
- Notifications for order status updates
Menu and Order Customization:
Real-Time Order Tracking:
- Secure payment gateway supporting multiple payment methods
- Option to save payment details for quick checkout.
Payment Options:
- In-app customer support chat for immediate assistance.
- IFAQs and help center with common queries and solutions.
Customer Support:
SmartBus
SmartBus is a mobile app designed to enhance public transportation by offering real-time bus tracking, easy ticket booking, and route planning for daily commuters. The aim was to modernize the traditional bus experience with smarter digital solutions.
Key Features:
- Live location of buses
- Estimated arrival time (ETA) at each stop
- Delay alerts and reroute suggestions
- Save frequently used routes
- Suggests optimal paths
- Search by destination or route number
Real-Time Bus Tracking
Smart Route Planning
- Purchase tickets through wallet/card
- QR-based boarding pass
- Auto-cancellation for missed buses
- Track past trips and costs
- Journey reminders and updates
- Push notifications for emergencies or delays
Digital Ticket Booking/h3>
Trip History & Notifications
- Bold icons and minimal navigation
- Accessibility features included
- Language options for regional inclusivity
User-Friendly UI for All Ages
- Figma – Wireframing, Prototyping, Visual Design
- Notion – Research documentation
- Miro – User flows, Empathy mapping
Tool Used
Rydigo
Rydigo is a mobile ride-booking application designed to offer users a convenient, intuitive, and secure platform for requesting and paying for rides. The aim was to not only simplify the user journey but also support drivers in managing and fulfilling ride requests efficiently.
The Rydigo Drive App is a prime example of how thoughtful UX design can improve urban mobility. Through clear workflows, appealing visuals, and user-centered interactions, the app successfully bridges the gap between everyday commuters and professional drivers.
Key Features:
- Focused on creating a clean, user-friendly UI
- Developed multiple style variations aligned with brand colors and tone
- Incorporated simple, symbolic illustrations to explain core app features
- Figma (UI Design & Prototyping)
- Illustrator (Custom Illustrations)
- Client Branding Guidelines (Style adherence)
Design Process & Style Exploration
Tools Used
- Map-Based Ride Interface
- Interactive Splash Screen & Onboarding
- Vehicle Selection
- Track past trips and costs
- Journey reminders and updates
- Push notifications for emergencies or delays
Feature Introduced
Trip History & Notifications
BrewGo
BrewGo is a mobile application designed for coffee enthusiasts who value convenience and customization in their beverage orders. The app streamlines the process of finding nearby cafés, placing personalized orders, and completing fast, hassle-free checkouts.
BrewGo delivers a personalized, efficient coffee ordering experience. By addressing real user pain points, the app transforms the mundane task of ordering coffee into a smooth and delightful journey.
Key Features:
- Map and list view
- Filter by distance, ratings, and café type
- Real-time café status
- Choose coffee type, size, milk, sweetener, flavors
- Save favorite combos
- Dietary preference filters
Café Discovery
Customizable Orders
- Apple Pay / Google Pay integration
- One-tap reorder
- Estimated pickup time
- Figma – Wireframing, Prototyping, Visual Design
- Notion – Research documentation
- Miro – User flows, Empathy mapping
Quick Checkout
Tool Used
Staylo - Smart Hotel Booking Experience
Staylo is a mobile-first hotel booking application designed to make travel accommodation seamless, intuitive, and enjoyable. Whether you're planning a religious pilgrimage, a solo getaway, or a family vacation, Staylo delivers a frictionless experience tailored to your preferences.
As the lead UI/UX designer, I worked on shaping the entire product journey—from understanding users to creating delightful interactions and high-fidelity visual interfaces.
Key Features:
- Build an app that simplifies hotel discovery and booking
- Prioritize ease of use, speed, and personalization
- Create a visually rich yet minimal design
- Online Surveys
- Competitor Benchmarking
- Travel Booking Pattern Study
Project Goals
Research Methods
- Clean, lightweight, and accessible interface
- Emphasis on cultural familiarity, trust, and usability
- Designed to reduce drop-offs and increase conversion rates
- Figma – Wireframing, Prototyping, Visual Design
- Illustrator – Custom Illustrations
- Notion – Research Documentation
Outcomes
Tool Used
ApnaFood - Hyperlocal Food Sharing App
ApnaFood is a hyperlocal community-based food-sharing app that connects home cooks, food lovers, and small food vendors. The goal is to reduce food waste, support local culinary talent, and foster a strong sense of community through food.
ApnaFood combines tech and tradition by empowering everyday chefs and reducing waste. With intuitive UX, community-driven features, and a mission toward sustainability, it’s more than a food app—it’s a neighborhood movement fueled by trust, taste, and togetherness.
Key Features:
- “Zero waste” badges for food-sharing.
- Multi-language support for regional inclusivity.
- Gamified community trust system (badges, points, reviews).
- Encourage sharing of home-cooked meals within neighborhoods.
- Provide a platform for home chefs and local sellers.
- Promote zero-waste food consumption.
Unique Selling Point
Project Goals
- Showing food availability by proximity boosts conversions.
- Builds trust: Chef bios, reviews, and hygiene info matter a lot.
- Community gamification drives engagement and repeat use.
- Figma – Wireframing, Prototyping, Visual Design
- Illustrator – Custom Illustrations
- Notion – Research Documentation
Insights & Takeaways
Tool Used
Doc Connect - Community Health App
Doc Connect is a mobile app designed to foster community connection through accessible health resources, expert support, and peer engagement. It focuses on helping individuals navigate personal or familial health conditions by building a bridge between healthcare providers, support communities, and end users.
It's blends technology with compassion by designing for real people facing real health challenges. Through thoughtful UX, clean UI, and a human-first approach, it redefines how health apps can support users—not just medically, but emotionally and socially.
Key Features:
- Empathy is powerful: UI should support emotional and mental well-being.
- Simplified experience: Users prefer clarity over features overload.
- Personalization matters: Tailored journeys enhance engagement and trust.
- Inclusive and minimal UI.
- Focus on empathy-driven interactions.
- Responsive layout adaptable to different user needs.
Takeaways
Design Highlights
- Soothing color palette: teal, navy, and neutral tones.
- Font: Clean and readable sans-serif.
- Visuals emphasize calm, trust, and approachability.
- Figma – Wireframing, Prototyping, Visual Design
- Illustrator – Custom Illustrations
- Notion – Research Documentation
Style Guide
Tool Used
