top of page
UIUX Design_Fabric-ai.png

As a UX/UI designer, I have created various components from scratch, such as Carousel, Expandable/Accordion, Sub-Navigation, Thubnail Carousel and etc., using design tools like Figma, Adobe XD, and Photoshop. I focus on both aesthetics and functionality, conducting user testing to ensure that the components are visually appealing and easy to use.

Carousel Component

The Carousel Component is a useful tool for allowing users to navigate through a collection of images sequentially. With arrows on the sides, users can easily move to the previous or next image. This intuitive design enhances the user experience and makes it easy to view a variety of images quickly.

Carousel_sIn_Dev__1.jpg

Goals and objectives

Carousel_In_Dev__1.jpg

Sub-Navigation Component

Sub-Navigation is a crucial UI element that enables users to access lower-level categories in a website's information architecture (IA). It helps users navigate a website's content hierarchy seamlessly, providing easy access to specific categories, subcategories, or pages. With the Sub-Navigation UI, users can locate the information they need without having to go through multiple pages or categories, improving their overall experience on the site.

1Sub_Navigation_in_D.jpg
2Sub_Navigation_in_D.jpg

Accordion/Expandable Component

An accordion is a design element that expands in place to expose some hidden information. Unlike overlays, accordions push the page content down instead of being superposed on top of the page content.

Expandabale_Content_.jpg
Expandable_Content_L.jpg

Thumbnail Carousel

A Thumbnail Carousel is a UI element that displays a collection of images or videos on a website or app, allowing users to preview content by scrolling through a set of thumbnail images. It's commonly used in e-commerce websites, galleries, and portfolios.

20_Component_-_Tshum.jpg
New_carousel_for_bra.png
bottom of page