Designing Experience That Matter

UI/UX Designer crafting intuitive user interfaces that bridge the gap between beautiful design and real human needs.

↓

Resume

10+

Projects Done

2yr

Experience

Happy Clients

✦ Figma Expert

🏆 Top Designer

⚡ Fast Delivery

Available for freelance work

Design System

UI Component Library

About Me

Where Art Meets Function

I'm Sameer Ahmad Ansari, a UI/UX Designer with over 2 years of experience creating digital products that users love. I believe great design is invisible — it just works.

From mobile apps to enterprise dashboards, I bring a holistic approach that combines user research, visual craft, and thoughtful interaction design into one seamless process.

🎨 Figma & Sketch

📱 Mobile Design

🔬 User Research

⚡ Prototyping

🧩 Design Systems

🎬 Motion Design

DiscoverResearch & strategy

DefineWireframes & flows

DesignVisual UI & systems

DeliverHand-off & support

Experience

Real Product Work With Impact

I have worked across company projects, internship programs, and college collaborations where the goal was always the same: make digital products clearer, more useful, and more human.

From shipping inside a developer team to contributing on UI/UX internship work and social-impact student projects, I enjoy solving real problems with design systems, flows, and polished interfaces.

Let's Connect

If you want to review my journey, latest work, or talk about internship, freelance, or full-time opportunities, my LinkedIn and resume are ready here.

LinkedIn ↗

↓

Download Resume

Company Experience September 1, 2025 - March 10, 2026

Lobra Hansetu Private Limited

Developer Team Member

Worked inside the development team on a B2B industrial platform, supporting technical implementation, product-level coordination, and day-to-day system improvement work across the project.

Contributed to platform development activities and supported execution across multiple product tasks.
Worked closely with teammates to improve functionality, keep delivery smoother, and maintain a reliable user-facing experience.
Built experience around collaborative workflows, structured product thinking, and real company execution standards.

B2B Platform Team Collaboration Product Support

Hansetu company experience certificate preview

UI/UX Internship June 2025 - July 2025

Pedestal

Virtual Internship in UI/UX Design

Completed a one-month UI/UX design internship focused on practical interface thinking, layout clarity, and visual problem-solving. This experience sharpened my design process and strengthened how I translate ideas into usable digital screens.

Applied UI/UX principles through structured internship work and design-focused exploration.
Strengthened skills in interface composition, user flow thinking, and visual hierarchy.
Built stronger confidence working with modern product-design patterns in a guided professional setup.

UI/UX Design Virtual Internship Product Thinking

Pedestal

Internship Certificate

Completed a virtual UI/UX internship focused on interface clarity, layout systems, and hands-on product design practice.

Issued July 15, 2025

Duration June 2025 - July 2025

Focus Virtual UI/UX Design Internship

Selected Work

Recent Projects

Mobile App

IILM Student App

End-to-end app redesign · 2024

→

Mobile App

Noida Metro App

UX Redesign · Behance · 2024

→

E-Commerce App

FloraGo Shop

Flower delivery app · 2024

→

Social Impact Website

Care For Good

College team project built around food-card based support for people in need

→

What I Do

Services

📱

UI Design

Pixel-perfect interfaces that are both beautiful and highly functional. Every detail crafted with intention.

🔬

UX Research

Deep user insights through interviews, usability tests, and data analysis to inform every design decision.

⚡

Prototyping

High-fidelity interactive prototypes that simulate the real product experience before development begins.

🧩

Design Systems

Scalable component libraries and token-based systems that keep your product consistent at any scale.

🎬

Motion Design

Meaningful animations and micro-interactions that bring interfaces to life and delight users.

🏗️

Design Audit

Comprehensive review of your existing product with actionable recommendations to improve UX and conversions.

Kind Words

What Clients Say

★★★★★

"Sameer transformed our product into a much more engaging experience. The redesign significantly improved user retention, and his attention to detail is exceptional."

Shivansh krishna

★★★★★

"It was a pleasure working with Sameer. He grasped our vision effortlessly and delivered work that went beyond our expectations."

Aman kumar singh

★★★★★

"Sameer developed a design system that saved our team hundreds of hours. It’s exceptionally organized, visually refined, and incredibly comprehensive."

Mohit jaiswal

Contact

Let's Build Something Great

Have a project in mind? I'd love to hear about it. Send me a message and let's create something extraordinary together.

Or reach me directly at acousticsameer786@gmail.com

Case Study

IILM Student App

A complete student companion designed for IILM University - bringing attendance, schedule, courses, assignments, profile details, and campus updates into one clean mobile experience.

Education App UI/UX Design Figma 2024

Attached Mockups

Core Modules

Unified Student Hub

Figma

Design Tool

⚠️

The Problem

Students usually jump between notice boards, scattered updates, and separate tools for attendance, classes, assignments, and grades. That makes campus life slower, more confusing, and easy to miss.

💡

The Solution

This app brings the everyday student journey into one simple experience - from onboarding and login to attendance, CGPA, schedules, reminders, course tracking, and personal dashboard views.

App Screens

Student App Gallery

Preview 01

Authentication Flow

A polished multi-device preview highlighting the welcome and login journey with strong educational branding.

Screen 02

Welcome Screen

A calm first-touch screen introducing the university identity and making account creation easy for new students.

Screen 03

Create Account

A clean account-creation screen that welcomes new students and makes first-time onboarding feel simple and familiar.

Student app attendance and schedule view

Screen 04

Attendance + Schedule

Students can see present vs absent ratios, today’s classes, and pending assignments from one focused screen.

Screen 05

Course Performance

A clean results-style view for CGPA, credits, and subject-by-subject academic performance in one scroll.

Screen 06

Courses Overview

A focused course screen showing credits, CGPA, and subject-wise performance in one clean academic summary.

Screen 07

Daily Schedule

Students can quickly check class timings, subjects, room details, and the flow of the day from one schedule view.

Screen 08

Hamburger Menu

A side navigation menu that helps students jump fast between home, attendance, notes, events, profile, and reminders.

Student app classes and upcoming assignment screen

Screen 09

Classes + Assignments

This screen highlights today’s class timing and keeps the next upcoming assignment visible so students can stay prepared.

Screen 10

Upcoming Event

A simple upcoming-events screen reserved for campus announcements and event updates whenever something new is scheduled.

Features

Key Features

📊

Attendance Overview

Present, absent, and daily performance data shown clearly for faster student decisions.

📚

Course Tracking

Credits, CGPA, and subject-level information are organized into a more readable academic experience.

🗓️

Daily Schedule

Timings, room references, and subject blocks help students plan the day without switching tools.

⏰

Assignment Reminders

Pending tasks and upcoming deadlines stay visible so students do not miss important submissions.

👤

Profile Hub

Student identity, account settings, achievements, and personal quick actions stay in one place.

🔐

Secure Access

Branded welcome, email login, and return-user entry points make the app feel reliable and easy to start.

Case Study

Noida Metro — App Redesign

A complete UX redesign of the Noida Metro (NMRC) app — making ticket booking, smart card recharge and metro navigation seamless for lakhs of daily commuters.

Mobile App UX Redesign Figma Behance Featured 2024

80%

Users use ticket booking

Core user flows

70K+

App downloads (NMRC)

Figma

Design tool used

⚠️

The Problem

The existing Noida Metro app had a poor UX — confusing navigation, slow ticket booking, no quick re-booking for regular commuters, and a frustrating smart card recharge process. Users rated it poorly and many avoided it entirely.

💡

The Solution

A clean redesign that puts ticket booking front and center, adds a "Book Again" shortcut for frequent routes, integrates OCR-based smart card recharge, OTP sign-in, an interactive NMRC map, and a seamless UPI/card payment flow with instant QR ticket delivery.

App Screens

Design Walkthrough

Screen 01

Sign In Page

Redesigned onboarding with a clean welcome screen, OTP-based sign in for quick access, and social login options. Users can also skip and browse as a guest.

Opening Page — Option to Sign In or Skip to Home

OTP Verification — Quick & Secure login via mobile number

Social Login — Google, Facebook, Twitter support

Screen 02

Home Screen

The home screen is designed around the most-used feature — ticket booking. One Way and Two Way options are immediately visible, with a "Book Again" shortcut for frequent commuters and all metro services below the fold.

Instant Ticket Booking — Primary feature for 80%+ users

Book Again — One-tap re-booking for regular routes

Metro Services — Smart Card, NMRC Map, Fare Calculator

Screen 03

Smart Card & NMRC Map

Users can recharge their physical metro smart card digitally — with an OCR scan feature that reads the card number automatically. The NMRC Map screen shows all metro lines, stations and connecting areas.

E-Smart Card — No physical card needed for recharge

OCR Scan — Auto-reads card number via photo scan

NMRC Map — Interactive metro route & station map

Screen 04

Payment & QR Ticket

The checkout flow supports UPI (Google Pay, Phone Pe), saved cards and wallet payments. After successful payment, a QR code ticket is instantly generated — ready to scan at the metro gate. No paper needed.

UPI Payment — Google Pay, Phone Pe, Add new UPI

Cards & Wallet — All major debit/credit cards supported

Instant QR Ticket — Scan to enter, save to device

Features

Key Features

🎫

Ticket Booking

One-way & two-way tickets with station selector and passenger count.

⚡

Book Again

One-tap re-booking for frequent commuters on the same route.

💳

Smart Card Recharge

Digital recharge with OCR scan — no need to type card number manually.

🗺️

NMRC Map

Interactive metro map with stations, routes and connected areas.

📱

QR Ticket

Instant QR code after payment — scan at gate or save to device.

🔐

OTP Sign In

Quick and secure mobile OTP login with social sign-in options.

🎨

View Full Project on Behance

See the complete case study with all screens, user research and design decisions.

View on Behance ↗

Case Study

Care For Good - Social Impact Website

A college team project created to support people in need through a more responsible giving model. Instead of direct cash, the platform explains a food-card system that can be redeemed at selected shops and restaurants for essential support.

Social Impact Team Project Web Experience College Collaboration

Key Sections

Food Card System

Team

College Build

Live

Deployed Website

🤝

The Problem

Many people want to help but direct cash does not always guarantee support reaches food, shelter, or essential care. The site addresses that trust gap and communicates a more thoughtful way to contribute.

🌱

The Solution

Care For Good explains a food-card based support model, introduces the mission, showcases the team, and guides visitors toward donating or joining a more responsible giving ecosystem.

Visual Highlights

Project Screens & Assets

Brand

Mission-Led Identity

The logo and visual identity immediately communicate empathy, support, and community-first intent.

System

Food Card Model

A strong concept visual showing how donations can be converted into a trackable support card instead of cash.

Impact

Human-Centered Storytelling

The project is not only about donation mechanics - it is about making support feel dignified, visible, and emotionally real.

Highlights

What This Project Covers

🏠

Landing Story

A mission-first homepage introducing the idea of helping people through practical support instead of unmanaged cash giving.

💳

Food Card Explanation

The website explains how food cards can be used at selected restaurants and shops to deliver essentials more responsibly.

👥

Team Presence

The team page gives the initiative personality and shows that this was a collaborative college effort, not a solo static build.

📖

Awareness Content

The content sections discuss addiction, mental health, dignity, and why structured support can create better outcomes.

🤲

Donation Journey

Support messaging, CTA areas, and mission framing encourage visitors to participate in a safer donation model.

🌐

Live Deployment

The project is live on Netlify, which makes it a solid addition to the portfolio as a shipped collaborative web experience.

🌍

View Live Project

Open the live Care For Good website and explore the full team-built experience.

Open Live Site ↗

Case Study

FloraGo — Flower Shop App

A full end-to-end e-commerce flower delivery app — from browsing beautiful blooms to seamless checkout and payment. Designed with a warm, nature-inspired aesthetic.

Mobile App E-Commerce Figma 2024

10+

Screens Designed

Flower Products

User Flows

Figma

Design Tool

🌸

The Problem

Buying flowers online is often clunky — poor product photos, confusing checkout, no variety details, and slow payment flows. Users abandon carts because the experience feels untrustworthy and frustrating.

💐

The Solution

FloraGo is a warm, nature-inspired flower shopping app with beautiful product pages, a smooth cart + checkout experience, and a delightful "Thank You" confirmation. Every screen feels fresh and trustworthy.

App Screens

FloraGo Gallery

PNG 01

Splash & Brand Reveal

Warm orange brand presentation with dual-device framing that introduces the FloraGo visual direction.

PNG 02

Login & Explore

Onboarding, sign-in and discovery screens paired together to show the first shopping touchpoints.

PNG 03

Product Detail & Cart

Detailed product storytelling with pricing, ratings and a clear cart summary before checkout.

PNG 04

Payment & Thank You

Final checkout flow with payment details and a clean confirmation state to close the purchase journey.

Features

Key Features

🌺

Product Catalog

Beautiful flower listings with large images, prices, ratings and stock info.

🛒

Smart Cart

Quantity controls, delivery location, real-time order summary with taxes.

💳

Card Payment

Visa, Mastercard & Amex with card number, expiry and CVV input.

❤️

Wishlist

Heart icon on every product to save favourites for later purchase.

📦

Eco Packaging

Eco-friendly packaging details shown per product — ceramic vase, kraft wrap.

🎉

Thank You Screen

Delightful order confirmation with animated blob — leaves users happy.