• UI/UX Designer

Hi, I'm Bavani!

Hi, I'm Bavani!

UX/UI Designer

HTML5/CSS3 Mastery

Product Design

Branding

Collaborative Team Player

UX/UI Designer

HTML5/CSS3 Mastery

Product Design

Branding

Collaborative Team Player

Orange Pyramid
Orange Pyramid
Orange Pyramid
Purple Sphere
Purple Sphere
Purple Sphere
Blue Cylinder
Blue Cylinder
Blue Cylinder
Turquoise Star
Turquoise Star
Turquoise Star
Lime Green Object
Lime Green Object
Lime Green Object
Yellow Cube
Yellow Cube
Yellow Cube
Purple Cube
Purple Cube
Purple Cube
Blue Pyramid
Blue Pyramid
Blue Pyramid

About Me

Greetings! I'm Bavani, I’m a passionate UI/UX designer with a strong foundation in graphic design and a sharp eye for visual detail. With a background in English and a specialization in design, I bring both creativity and clarity to every project. My goal is to craft digital experiences that are not just beautiful, but also intuitive and user-centered.

Greetings! I'm Bavani, I’m a passionate UI/UX designer with a strong foundation in graphic design and a sharp eye for visual detail. With a background in English and a specialization in design, I bring both creativity and clarity to every project. My goal is to craft digital experiences that are not just beautiful, but also intuitive and user-centered.

Greetings! I'm Bavani, I’m a passionate UI/UX designer with a strong foundation in graphic design and a sharp eye for visual detail. With a background in English and a specialization in design, I bring both creativity and clarity to every project. My goal is to craft digital experiences that are not just beautiful, but also intuitive and user-centered.

Proficient in tools like Figma, Photoshop, and Illustrator, I specialize in mobile app design, responsive websites, and branding. I combine design thinking with practical skills like wireframing, prototyping, and basic HTML/CSS to create designs that are both functional and engaging. My strengths lie in communication, teamwork, and a consistent focus on user needs.

Proficient in tools like Figma, Photoshop, and Illustrator, I specialize in mobile app design, responsive websites, and branding. I combine design thinking with practical skills like wireframing, prototyping, and basic HTML/CSS to create designs that are both functional and engaging. My strengths lie in communication, teamwork, and a consistent focus on user needs.

Proficient in tools like Figma, Photoshop, and Illustrator, I specialize in mobile app design, responsive websites, and branding. I combine design thinking with practical skills like wireframing, prototyping, and basic HTML/CSS to create designs that are both functional and engaging. My strengths lie in communication, teamwork, and a consistent focus on user needs.

I thrive on solving real user problems through thoughtful design. Whether it’s creating a wellness app for housewives or branding for an organic baby product, I approach every project with empathy and purpose. I’m currently seeking opportunities where I can contribute to meaningful projects and grow alongside creative, user-focused teams.

I thrive on solving real user problems through thoughtful design. Whether it’s creating a wellness app for housewives or branding for an organic baby product, I approach every project with empathy and purpose. I’m currently seeking opportunities where I can contribute to meaningful projects and grow alongside creative, user-focused teams.

I thrive on solving real user problems through thoughtful design. Whether it’s creating a wellness app for housewives or branding for an organic baby product, I approach every project with empathy and purpose. I’m currently seeking opportunities where I can contribute to meaningful projects and grow alongside creative, user-focused teams.

Design Stack

Turquoise Cube
Turquoise Cube

It empowers me to design, prototype, and launch fully responsive, interactive websites — all in one platform. More than just a builder, Framer gives me the freedom to bring my UI/UX ideas to life visually, without writing complex code. It transforms static designs into real, immersive experiences that feel polished and professional.

Framer

It empowers me to design, prototype, and launch fully responsive, interactive websites — all in one platform. More than just a builder, Framer gives me the freedom to bring my UI/UX ideas to life visually, without writing complex code. It transforms static designs into real, immersive experiences that feel polished and professional.

Framer

Tap to flip

It empowers me to design, prototype, and launch fully responsive, interactive websites — all in one platform. More than just a builder, Framer gives me the freedom to bring my UI/UX ideas to life visually, without writing complex code. It transforms static designs into real, immersive experiences that feel polished and professional.

Framer

Tap to flip

Figma is the foundation of my design process. It allows me to ideate, wireframe, and prototype with precision and speed. Whether I’m building user flows, crafting pixel-perfect interfaces, or collaborating in real time, Figma keeps my workflow seamless and efficient. It’s where ideas take shape — from low-fidelity sketches to high-fidelity, developer-ready designs.

Figma

Figma is the foundation of my design process. It allows me to ideate, wireframe, and prototype with precision and speed. Whether I’m building user flows, crafting pixel-perfect interfaces, or collaborating in real time, Figma keeps my workflow seamless and efficient. It’s where ideas take shape — from low-fidelity sketches to high-fidelity, developer-ready designs.

Figma

Tap to flip

Figma is the foundation of my design process. It allows me to ideate, wireframe, and prototype with precision and speed. Whether I’m building user flows, crafting pixel-perfect interfaces, or collaborating in real time, Figma keeps my workflow seamless and efficient. It’s where ideas take shape — from low-fidelity sketches to high-fidelity, developer-ready designs.

Figma

Tap to flip

Miro is my go-to space for brainstorming and mapping ideas. It helps me visualize user journeys, structure content, and collaborate during early design stages. From empathy maps to flow diagrams, Miro gives me a flexible canvas to plan user-centered solutions before jumping into visual design. It’s where strategy meets creativity.

Miro

Miro is my go-to space for brainstorming and mapping ideas. It helps me visualize user journeys, structure content, and collaborate during early design stages. From empathy maps to flow diagrams, Miro gives me a flexible canvas to plan user-centered solutions before jumping into visual design. It’s where strategy meets creativity.

Miro

Tap to flip

Miro is my go-to space for brainstorming and mapping ideas. It helps me visualize user journeys, structure content, and collaborate during early design stages. From empathy maps to flow diagrams, Miro gives me a flexible canvas to plan user-centered solutions before jumping into visual design. It’s where strategy meets creativity.

Miro

Tap to flip

Adobe XD quickly bring UI ideas to life through wireframes, prototypes, and interactions. It’s my go-to tool for designing and presenting seamless user flows.

XD

Adobe XD quickly bring UI ideas to life through wireframes, prototypes, and interactions. It’s my go-to tool for designing and presenting seamless user flows.

XD

Tap to flip

Adobe XD quickly bring UI ideas to life through wireframes, prototypes, and interactions. It’s my go-to tool for designing and presenting seamless user flows.

XD

Tap to flip

Framer serves as my go-to tool for creating interactive prototypes. I use it to bring designs to life, allowing stakeholders to experience the user flow and interactions before development begins. It's invaluable for refining the user experience.

Photoshop

Framer serves as my go-to tool for creating interactive prototypes. I use it to bring designs to life, allowing stakeholders to experience the user flow and interactions before development begins. It's invaluable for refining the user experience.

Photoshop

Tap to flip

Framer serves as my go-to tool for creating interactive prototypes. I use it to bring designs to life, allowing stakeholders to experience the user flow and interactions before development begins. It's invaluable for refining the user experience.

Photoshop

Tap to flip

Adobe Illustrator is my tool for creating clean, scalable visuals — from custom icons to detailed illustrations — that enhance UI clarity and brand identity.

Illustrator

Adobe Illustrator is my tool for creating clean, scalable visuals — from custom icons to detailed illustrations — that enhance UI clarity and brand identity.

Illustrator

Tap to flip

Adobe Illustrator is my tool for creating clean, scalable visuals — from custom icons to detailed illustrations — that enhance UI clarity and brand identity.

Illustrator

Tap to flip

Adobe InDesign is my choice for designing structured layouts like presentations, case studies, and design documents with precision and visual consistency.

Indesign

Adobe InDesign is my choice for designing structured layouts like presentations, case studies, and design documents with precision and visual consistency.

Indesign

Tap to flip

Adobe InDesign is my choice for designing structured layouts like presentations, case studies, and design documents with precision and visual consistency.

Indesign

Tap to flip

WPS Office helps me manage documentation, create presentations, and organize content efficiently — from case studies to project briefs.

WPS

WPS Office helps me manage documentation, create presentations, and organize content efficiently — from case studies to project briefs.

WPS

Tap to flip

WPS Office helps me manage documentation, create presentations, and organize content efficiently — from case studies to project briefs.

WPS

Tap to flip

Visual Studio Code is my go-to editor for writing clean HTML and CSS when building responsive UI layouts and customizing web designs.

Visual Studio Code

Visual Studio Code is my go-to editor for writing clean HTML and CSS when building responsive UI layouts and customizing web designs.

Visual Studio Code

Tap to flip

Visual Studio Code is my go-to editor for writing clean HTML and CSS when building responsive UI layouts and customizing web designs.

Visual Studio Code

Tap to flip

ChatGPT is my content generation and assistance tool. I leverage it for content ideas, copywriting, and problem-solving. It provides invaluable insights and suggestions that enhance the quality of my projects.

Chat GPT

ChatGPT is my content generation and assistance tool. I leverage it for content ideas, copywriting, and problem-solving. It provides invaluable insights and suggestions that enhance the quality of my projects.

Chat GPT

Tap to flip

ChatGPT is my content generation and assistance tool. I leverage it for content ideas, copywriting, and problem-solving. It provides invaluable insights and suggestions that enhance the quality of my projects.

Chat GPT

Tap to flip

HTML5 is the backbone of my web design work. I use it to structure content, ensuring that websites are semantically meaningful and accessible. It forms the foundation upon which the visual elements of a site are built.

HTML

HTML5 is the backbone of my web design work. I use it to structure content, ensuring that websites are semantically meaningful and accessible. It forms the foundation upon which the visual elements of a site are built.

HTML

Tap to flip

HTML5 is the backbone of my web design work. I use it to structure content, ensuring that websites are semantically meaningful and accessible. It forms the foundation upon which the visual elements of a site are built.

HTML

Tap to flip

CSS is my styling and layout powerhouse. It's instrumental in creating visually appealing websites by controlling everything from fonts and colors to the responsive design that adapts to various screen sizes.

CSS

CSS is my styling and layout powerhouse. It's instrumental in creating visually appealing websites by controlling everything from fonts and colors to the responsive design that adapts to various screen sizes.

CSS

Tap to flip

CSS is my styling and layout powerhouse. It's instrumental in creating visually appealing websites by controlling everything from fonts and colors to the responsive design that adapts to various screen sizes.

CSS

Tap to flip

Services

01

Website Design & Development

01

Website Design & Development

01

Website Design & Development

01

Website Design & Development

I create responsive, user-friendly websites that blend clean design with strong functionality. From layout to code, every site is built with a focus on user experience, brand alignment, and clear calls to action — using modern tools and front-end technologies.

Red Pyramid
Red Pyramid
Red Pyramid

I design high-converting landing pages focused on clarity, strong visuals, and clear calls to action. Each layout is crafted to guide users toward a specific goal — whether it's signups, sales, or inquiries — with responsive design and user-focused strategy.

Blue Cube
Blue Cube
Blue Cube

02

Landing Page Design

02

Landing Page Design

I design responsive, user-friendly e-commerce websites that make shopping seamless and intuitive. From product pages to checkout flows, every element is optimized for conversion, speed, and a smooth user experience across all devices.

Green Cylinder
Green Cylinder
Green Cylinder

03

E-commerce Design

03

E-commerce Design

I create interactive website prototypes that bring your ideas to life before development begins. These clickable mockups help visualize layout, navigation, and user flow — ensuring a smooth, user-centered design process and clear client feedback.

Orange Sphere
Orange Sphere
Orange Sphere

04

Website Prototyping

04

Website Prototyping

I design interfaces that adapt seamlessly across all devices — ensuring your website looks and functions perfectly on desktops, tablets, and smartphones. Every layout is optimized for readability, usability, and performance.

Purple Circle
Purple Circle
Purple Circle

05

Responsive Design

05

Responsive Design

I craft cohesive brand identities that visually communicate your values and make a lasting impression. From logos and color palettes to typography and visual guidelines, every element is designed to reflect your brand’s personality and connect with your audience.

Blue Gem
Blue Gem
Blue Gem

08

Brand Identity Design

08

Brand Identity Design

I design intuitive and visually engaging mobile apps that prioritize user experience and functionality. From wireframes to high-fidelity screens, every element is crafted to ensure seamless interaction across iOS and Android devices.

Yellow Pill
Yellow Pill
Yellow Pill

10

App Design

10

App Design

I build scalable design systems that ensure visual consistency, streamline collaboration, and speed up development. From components and typography to color palettes and usage guidelines, every element is documented for easy reuse and team alignment.

Pink Gem
Pink Gem
Pink Gem

11

Design System Creation

11

Design System Creation

I design intuitive user experiences rooted in research and usability. By understanding user needs and behaviors, I create flows and interactions that feel natural, reduce friction, and improve overall satisfaction across digital products. Ensuring it is intuitive, user-friendly, and ultimately helps users achieve their goals.

12

User Experience (UX) Research & Testing

12

User Experience (UX) Research & Testing

Create a free website with Framer, the website builder loved by startups, designers and agencies.