AI SOLUTION
BUILDER

MY ROLE

Associate Solution Leader - UI/UX


Contextual Dynamic User Interface Team: I was responsible for end-to-end UX of the no-code platform. Designed web and mobile interfaces, created illustrations/animations, and defined design system components.

Brane Enterprises specializes in AI-driven solutions, leveraging machine learning, deep learning, NLP, computer vision, and generative AI to power autonomous systems, robotics, and intelligent automation. Their expertise spans AI-enhanced cybersecurity, big data analytics, AI for healthcare, and financial technology, ensuring predictive analytics, fraud detection, and risk assessment. With a focus on AI-integrated marketing, personalization, and MLOps, Brane optimizes AI model deployment, real-time data processing, and enterprise AI applications, driving innovation, automation, and business intelligence at scale.

PROBLEM STATMENT

Brane needed a low-code platform to help enterprise users design custom AI solutions without deep coding knowledge.

PRE-REQUISITES

NO CODE BUILdER

Worked on NSL Grammar, a proprietary low-code/no-code platform utilizing Natural Solution Language (NSL) to enable users to build custom AI-driven solutions without extensive coding. This innovative automation tool enhances workflow efficiency, scalability, and digital transformation, streamlining complex processes and accelerating solution deployment.

AI ADVANCEMENTS

I have a basic understanding of Large Language Models (LLM), Bidirectional Transformer Training (BTT), Machine Learning (ML), Deep Learning (DL), Neural Networks (NN), Natural Language Processing (NLP), Computer Vision (CV), and Generative AI, enabling me to design for AI-driven solutions with optimized user experiences

(Google AI Essentials certification).

THE PROCESS

Conducted stakeholder interviews created personas sketched wireframes iterated UI designs ran usability tests on prototypes.


Users found existing AI tools too technical to integrate to their software, indicating a need for simplification.

1

USER INTERFACE &

USER EXPERIENCE

USER INTERFACE &

USER EXPERIENCE

We conducted 10 user interviews and a competitive audit, identifying that non-technical managers needed a visual drag-and-drop interface. Based on this, we created persona-based user journeys and multiple prototyping rounds.

Designed and optimized user interfaces and interactions for 4+ Brane website pages, 5+ Brane product pages, 2+ client websites, 12+ case study pages, and the Praana Health mobile app, ensuring a seamless, user-centric experience. Leveraged UX research, wireframing, high-fidelity prototyping, responsive design, usability testing, accessibility standards (WCAG), interaction design, and information architecture to enhance engagement, navigation efficiency, and conversion rates.

BRANE MOBILE WEBSITE PAGES

To address user confusion over AI terminology, we introduced expandable info sections to progressively disclose details. The Brane mobile web design delivers a clean, modern, and highly accessible user experience, optimized for seamless navigation and readability. The design prioritizes mobile-first principles, ensuring responsive layouts that adapt fluidly across different screen sizes.

A minimalistic UI with a structured content hierarchy enhances information clarity, while high-contrast visuals, elegant typography, and intuitive iconography improve readability and engagement. Interactive elements, such as expandable sections and strategically placed CTAs, guide users through the content effortlessly.

BRANE MOBILE WEBSITE PAGES

BRANE MOBILE WEBSITE PAGES

AI Labs product pages

AI Labs product pages

BRANE DESKTOP WEBSITE PAGES

Brane’s desktop web design is clean, modern, and optimized for user experience, featuring a structured layout with intuitive navigation. The pages emphasizes digital transformation and AI-powered custom solutions with engaging 3D visuals and iconography.

Accessibility standards, cross-browser compatibility, and performance optimization are integrated to improve engagement and SEO.

BRANE DESKTOP WEBSITE PAGES

BRANE DESKTOP WEBSITE PAGES

AI Labs product pages

AI LABS PRODUCT PAGES

The AI Labs product pages were designed through extensive research, user experience analysis, and iterative prototyping in collaboration with DARWIN CENTRE. The process involved competitor benchmarking, wireframing, and high-fidelity UI design, ensuring accessibility, responsiveness, and optimal usability.

Advanced interaction design and visual storytelling techniques were employed to create an engaging experience that highlights the technological innovation of Falcon and Quadruped. The final design adheres to web performance optimization standards, enhancing user engagement and conversion rates.

AI LABS PRODUCT PAGES

AI LABS PRODUCT PAGES

FALCON CONCEPT STORYBOARDING

MOTION

CAPTURE

FALCON CONCEPT STORYBOARDING

MOTION

CAPTURE

PRAANA HEALTH APP

PRAANA HEALTH

APP

The UI/UX design process for the Praana Health App, a client of Brane, involved user research, heuristic evaluation, and competitor analysis to optimize healthcare service management and booking experiences. Utilizing design thinking and patient-centric UX methodologies, the process included persona development, user journey mapping, and wireframing to enhance accessibility and engagement.

Iterative usability testing ensured compliance with health tech standards, while a responsive and HIPAA-compliant interface streamlined telehealth consultations, appointment scheduling, and medical record access. The final design focused on seamless navigation, trust-building UI elements, and efficient task completion, improving patient/doctor engagement and operational efficiency.

PRAANA HEALTH APP

PRAANA HEALTH APP

AI Labs product pages

AI Labs product pages

2

STORYBOARDING

&ANIMATION

STORYBOARDING

&ANIMATION

At Brane, I led the storyboarding process for motion graphics and 2D animation videos, crafting compelling narratives that showcased product features, company innovations, and major releases. By combining visual storytelling, UX-driven animation, and dynamic transitions, I ensured each video effectively communicated complex AI solutions in an engaging and digestible format. Close collaboration with stakeholders allowed for precise messaging, brand consistency, and audience alignment, resulting in polished marketing and explainer videos that enhanced user understanding and engagement.

AI Labs product pages

AI Labs product pages

3

VISUALS &

DASHBOARDS

VISUALS &

DASHBOARDS

I designed visuals and dashboards for Brane, ensuring a seamless blend of branding, data visualization, and user-centric design while adhering to the Brane Design System and Guidelines. By incorporating consistent UI components, intuitive layouts, and brand-aligned aesthetics, I enhanced user engagement and data accessibility. These dashboards were optimized for marketing insights, analytics tracking, and business intelligence, enabling stakeholders to make data-driven decisions effectively.

DATA & ANALYTICS

RESULTS

After launch, analytics showed

38%

increase in unique visitors (compared to the previous quarter).

Brane saw a

50%

increase in leads through the sites.

Enhanced user engagement


Clients reported that new users find the interfaces intuitive and require minimal onboarding.