Let’s Talk • Let’s Talk • Let’s Talk • Let’s Talk • Let’s Talk • Let’s Talk • Let’s Talk • Let’s Talk • Let’s Talk •

UX/UI Showcase

SHOWCASE

When it comes to UX/UI design, my focus is on creating seamless, user-centered experiences. With proficiency in industry-standard tools like Figma and Webflow, I transform concepts into intuitive, visually stunning interfaces. From initial wireframes to detailed prototypes, I ensure every aspect of design is finely tuned and user-friendly.

Rocketprops.io

Art Direction - Web design - Animations
Figma - After Effects
rocketprops.io
For the Rocketprops' project, I had the exciting task of designing their website and creating custom assets. My role involved crafting and animating these assets to effectively showcase their innovative tool. Throughout the design process, which I did in Figma, I focused on making each element visually engaging and interactive.

The animations were carefully designed to highlight the functionality and unique features of Rocketprops.io, enhancing the overall user experience. This project was a perfect blend of creativity and technical skill, resulting in a dynamic and attractive website that clearly demonstrates what Rocketprops has to offer.

Edessa Capital

3D  -  Art Direction - Web design & development
Figma - Webflow
edessa.capital
For Edessa Capital, I designed and developed a website that enhances their innovative brand. I created custom elements like unique backgrounds and a dynamic 3D model created using Spline 3D, all optimized for performance across browsers.

Using Figma for design and Webflow for development, the website effectively showcases Edessa Capital's portfolio and modernizes their digital presence. The result is a sleek, user-friendly site that embodies the brand’s cutting-edge approach.

Maroon.io

Art Direction - Web design & development
Figma - Webflow
maroon.io
For the Maroon project, I was responsible for both designing and developing their website and blog. I followed their brand guidelines closely to lead the art direction, designing pages and custom elements in Figma to make sure everything was on brand.

After the design phase, I brought these concepts to life using Webflow, focusing on creating a smooth and engaging user experience. This approach helped Maroon enhance its online presence with a cohesive and visually appealing design that resonates well with their audience.

Pre&Seed

Web Development
Figma - Webflow
preandseed.com
For the Pre&Seed project, I focused exclusively on the Webflow development, bringing the website to life with advanced interactions tailored to both desktop and mobile users. Recognizing that mobile interactions require a distinct approach, I implemented custom solutions to ensure the mobile experience was as engaging and functional as the desktop version.

The website features sophisticated animations and interactive elements that effectively engage visitors and highlight Pre&Seed's dynamic offerings. This project showcases my ability to adapt and innovate within Webflow, ensuring that every user, regardless of device, enjoys a seamless and interactive experience.

Everything dog

UI/UX  design  -  Web development
Figma - Webflow
everythingdog.ae
For Everything Dog, a unique dog nursery, I designed and developed a website that's as fun and energetic as the dogs it caters to. Embracing the brand's playful spirit, the website speaks from a dog's perspective, creating an engaging and delightful user experience.

Using Figma for the design phase and Webflow for development, I crafted a site that showcases their range of services, from learning programs and training to physical activities and dog welfare consultations. The result? A digital space that reflects the enriching experiences Everything Dog offers to our four-legged friends.

Maven X

UI/UX  design
Figma
For Maven X, an exciting e-gaming platform, I took on the challenge of designing both the main landing page and a comprehensive dashboard encompassing 11 different pages. The project focused on creating a seamless sign-up experience leading into a user-friendly, engaging dashboard.

Using Figma, I crafted a UX/UI design that not only resonates with the dynamic world of e-gaming but also ensures easy navigation and interaction for gamers. The final design successfully merged functionality with the exhilarating spirit of e-gaming, making every click and scroll a part of the immersive gaming journey.

Puppy on the moon

UI/UX  design  -  Web development
Figma - Webflow
For Puppy on the Moon, a creative copywriting agency, I had the pleasure of designing a portfolio website that truly reflects their unique brand identity.

Drawing inspiration from the client's love for space themes and minimalist design, I created a website in Figma that seamlessly blends these elements. Custom UI elements, designed using Adobe Illustrator, added a distinctive touch to the site, enhancing its visual appeal.

The development phase was executed in Webflow, ensuring a smooth, interactive and responsive user experience. The final website not only showcases their impressive client portfolio and work but also captures the agency's creative spirit and flair for storytelling in a digital space.

Byopills

Web development
Webflow
byopills.com
For byopills, a brand known for its vibrant digital assets library and digital worlds, I had the opportunity to bring an existing design to life using Webflow.

My focus was on ensuring that the website not only functioned seamlessly but also visually resonated with the brand's dynamic and colorful identity. The project involved meticulously implementing the design to create an interactive and engaging online presence for byopills, showcasing their extensive digital assets and immersive digital worlds.

The end result was a website that perfectly captured the essence of byopills, offering users a glimpse into their creative and innovative universe.

Sarvam Yoga

UI/UX  design  -  Web development
Figma - Webflow
sarvamyoga.com
I had the opportunity to design and develop a comprehensive website for a prominent yoga studio. The site serves as an inviting introduction to the studio, while also providing detailed information about their services.

A key feature of this website is a live-updated calendar, allowing users to filter yoga sessions by location and instructors, making it easy to find and schedule classes. Additionally, I incorporated a dedicated page to highlight their yoga academy and certification programs, along with another page profiling their experienced instructors.

Throughout the design and development process, I used Webflow to ensure the website was not only visually appealing but also user-friendly and responsive, reflecting the tranquility and professionalism of the yoga studio.

Jessica Diab

UI/UX  design  -  Web development
Figma - Webflow
jessicadiab.com
In creating my personal portfolio website, I embarked on a journey to not only showcase my work but also push the boundaries of my own web design and development skills.

This project was a labor of love, where I personally designed and developed every aspect of the site. I used it as a platform to experiment with advanced features and functionalities, aiming to demonstrate the full range of my capabilities in web development.

The website is more than just a showcase of my past projects; it's a testament to my dedication to innovation and excellence in web design and in everything i work on. Every element, from the layout to interactive features, has been carefully crafted to reflect my expertise and creativity in the field.

I Hope you like what you see on my website. I'm always up for feedback, so don’t hesitate to drop me a message if you have any thoughts to share.
.custom-cursor { position: absolute; width: 20px; /* Adjust size as needed */ height: 20px; /* Adjust size as needed */ pointer-events: none; } .outer-circle { width: 20px; /* Adjust size as needed */ height: 20px; /* Adjust size as needed */ border: 2px solid #000; /* Outline color */ border-radius: 50%; position: absolute; top: 0; left: 0; } .inner-dot { width: 4px; /* Adjust size as needed */ height: 4px; /* Adjust size as needed */ background-color: #000; /* Dot color */ border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } Privacy Policy Cookie Policy