Product Designer | Backed by 3+ years of experience, 6+ shipped B2B websites, products and 2X growth impact.

dribbble

projects

gumroad

Arnab Dhar  • Peerlist

<h3>➡️ What is Flowtrix?</h3>Flowtrix is a creative web design and development service purpose-built for B2B SaaS brands that want to own their digital presence with confidence.From intricate platforms to complex brand systems, Flowtrix helps translate scattered visions into structured, scalable websites — blending creativity, functionality, and strategy into a seamless experience.<h3>🤔 Problem</h3>The original website lacked direction and distinctiveness.<ul><li>Poor visibility</li><li>Weak brand strategy</li><li>No enterprise-grade presence</li><li>Generic feel with nothing that truly stood out</li></ul><h3>💡 Design-Driven Solution</h3>I started with a strong emphasis on clarity and hierarchy — giving every section a purpose and every pixel a role.The visuals followed a structured narrative. Every scroll revealed intention: a shift in layout, a subtle animation, a dynamic component. All these guided the user’s eye — without overwhelming it.<ul><li>Designed a striking hero section that balances brand voice with performance-led structure</li><li>Introduced modular components that can scale with content growth</li><li>Clean typography, enterprise-friendly color palette, and controlled white space for trust</li><li>Used contrast and motion thoughtfully to establish visual cues and rhythm</li><li>Reimagined the "Process" and "Why us" sections to speak directly to decision-makersThe goal wasn’t just to make it look good — but to feel premium, navigate effortlessly, and convert with intent.</li></ul><h3>👨‍💻 My Role</h3>I wore multiple hats across the design process:<ul><li>Crafted every component with proper states, micro-interactions, and modularity</li><li>Maintained naming conventions across all layers and elements</li><li>Ensured pixel-perfect handoff via well-structured Figma files</li><li>Conducted 1:1 calls with developers to walk through logic, transitions, and animation intents</li><li>Fully prototyped complex sections (like Process, Pricing Cards) inside Figma for smoother dev execution</li></ul><h3>📈 Outcome</h3>Back in March 2024, the site was quiet — Button clicks saw a 19% lift in April and May, Visitors grew from 1,400 to 2,200 monthly, All of this, without any marketing push.Fast forward to now — We’re averaging 3,500+ monthly visitors, We’re fully booked.Engagement? Up by 5×. More scrolls. More time on site. More interest.<h3>✨ Final Thoughts</h3>Hero sections can change everything. The way a homepage opens is how a brand enters the room. And when it speaks with clarity and conviction, people stay.Let me know what you think or drop a comment if this resonates!

Flowtrix Webflow Agency Website (Awwwards)

UI/UX Designer at Vision Labs

➡️ What is KR4ALL?KR4ALL is a smart aggregator platform that provides a unified healthcare services experience, right from primary care to tertiary care, under one umbrella, making healthcare affordable and accessible for all. Secure, consent-based, cashless, and paperless healthcare services are our goals.The healthcare industry demands efficient management solutions to handle patient records, doctor schedules, laboratory results, consultations, and hospital operations seamlessly. This case study delves into the design process of a KR4ALL SaaS platform aimed at managing patients, doctors, labs, consultations, and hospitals.<h3 class="rich-heading">🙌 How we started working</h3>This was an ongoing project before we started to work on this. So with a basic design system and some flows already in place we started working on it. Eventually we wanted to improve the design and experience of it but due to time constraint and to maintain the consistency of project we followed along the design style which is already in place. Let’s jump into what we have build for KR4ALL.<h3 class="rich-heading">🤔 Problem</h3>As we had worked on minimal part of KR4ALL we thought the user interface design of the it requires enhancement to optimize user experience, streamline navigation, and ensure intuitive interaction for healthcare professionals.<ul><li>Despite its functional capabilities, the current UI design lacks visual clarity, Coherence, and efficiency, hindering users' ability to efficiently access and utilize the platform's features. </li><li>This impediment poses challenges to user adoption, productivity, and overall satisfaction with the product. Therefore, there is a pressing need to improve the UI design of KR4ALL to align with industry standards, enhance usability</li></ul><h3 class="rich-heading">💡 Solution</h3><ul><li>Simplified navigation by categorizing features and minimizing steps to access key functions, using a collapsible sidebar or persistent navbar for easy section access</li><li>Enhanced visual hierarchy by clearly differentiating UI elements like buttons and text using suitable font sizes, weights, and colors to direct user focus to key actions and information.</li></ul>Collaborate &amp; understandingOur collaboration was characterized by open communication and mutual respect for each other's ideas. We embraced constructive criticism and incorporated each other's suggestions to enhance the final design.<h3 class="rich-heading">Conclusion &amp; learning</h3><ul><li>User-Centric Approach: Direct feedback and usability testing were invaluable. Understanding the specific challenges faced by healthcare professionals and patients would have allowed us to tailor the UI to address these needs effectively.</li><li>Importance of Accessibility: In healthcare, accessibility is not just a guideline but a necessity. Ensuring that the platform is usable for people with a wide range of abilities was a key focus. </li><li>Simplification is Key: Streamlining navigation and information presentation was crucial for maintaining functionality in healthcare.</li><li>Visual Hierarchy and Clarity: The redesign underscored the importance of a well-thought-out visual hierarchy. Clear distinctions between elements and strategic use of colors and fonts have made critical information more accessible and actionable.</li><li>Iterative Design Process: The redesign process was a reminder of the importance of iteration. Continuous testing and feedback loops allowed for refinements that significantly enhanced the overall user experience.</li></ul><h3 class="rich-heading"></h3>

SaaS Platform User Interface Revamped

Your schedule has been simplified. Seamlessly manage appointments without hassleIndustry: HealthcareTarget Audience: DoctorsProject Date: September 2022Uploaded: April 11, 2024Initial DescriptionThis project aimed to create a landing page for KR4ALL Doctor app. The app basically helps the doctors manage their appointments, with the ability to set a custom schedule, record patients, or even write prescriptions.The idea was to create eye-catching visuals with subtle colors and no edgy, sharp elements on the page. project began in July 2022. What you see here is a slightly polished version of published version on the web🎯 Goal &amp; Role:My goal was to create visuals for this page focusing on the user group (doctors, clinicians, with a target age group between 35-60), emphasizing minimalism and absolute readability. I aimed to use clear graphic visuals to convey the features that we want them to know.My role was <ul><li>Special attention to the feature section, specifically highlighting the SaaS and EMR segments.</li><li>Simplify components and create developer notes for a seamless handover.</li><li>Gathering feedbacks and necessary insights from project managers</li></ul>