Design Explorations

A collection of visual and interaction design explorations across various industries

From finance to edtech, e-commerce, and beyond. This space showcases my versatility, love for craft, and curiosity to solve problems through clean, user-centered interfaces and thoughtful design systems.

Client

Lateefah

Services

UI & UX Design

Industry

All Industry

Duration

Year round

A curated collection of creative experiments across fintech, e-commerce, crypto, hospitality, and more. Each exploration showcases 2–3 UI screens, highlighting my ability to adapt to different industries, visual styles, and user needs. These pieces reflect my love for pushing boundaries, testing ideas, and crafting interfaces that balance beauty with usability.

Social Media Post Scheduler

This interface is designed for streamlined content planning and publishing across multiple social media platforms. At its core, it solves the problem of content chaos by providing a single, unified view of all scheduled posts, regardless of channel.

Key design considerations:

Multi-platform integration: Users can schedule and monitor posts for Instagram, Twitter, Facebook, Pinterest, and WhatsApp, with platform-specific icons for quick identification.
Time-sensitive clarity: Each postcard displays the scheduled date, time, and countdown to posting, helping teams manage deadlines at a glance.
Content-rich previews: Visual and text previews allow users to verify creative assets and copy before publishing, reducing posting errors.
Side navigation hierarchy: The left sidebar groups high-priority tasks, such as “Create a Post” and “Calendar,” at the top, while secondary actions, like “Billing” and “Settings,” remain accessible but less prominent.
Collaboration-ready: Filters, tags, and search functionality enable teams to easily find and manage content within large libraries.

This design prioritizes efficiency, cross-platform visibility, and team coordination, ensuring content creators and social media managers can focus on storytelling rather than tool complexity.

The screen above shows the modal for when a user chooses to edit a post.

e-Commerce footwear store UI

This is an e-commerce platform for the sale of clogs/slides.

A clean and intuitive shopping interface designed for a clog-focused footwear brand. The layout prioritizes product discovery with category, color, size, and price filters on the left, while a responsive product grid showcases new releases, bestsellers, and top-rated items. Prominent “Add to Cart” buttons and clear pricing streamline the purchase process, while lifestyle imagery and a bold hero section drive engagement and conversions.

-Sales dashboard

Design Goal:

To provide sales teams with a visually engaging, data-driven dashboard that simplifies tracking stock, sales, revenue, and performance metrics, all in one place.

Overview:

This dashboard was designed for a B2B retail platform, empowering sales reps and managers to make faster, smarter decisions through a clear and modern UI.

Built for clarity and hierarchy, prioritizing key business metrics up front.

Focused on ease of navigation and fast interpretation of data via micro-interactions and color-coded visual language.

Designed to be scalable and responsive, adaptable across desktop and tablet formats.

NFT Marketplace Platform UI

This interface is designed for an NFT marketplace where users can discover, collect, and sell unique digital assets. The hero section features a bold headline, call-to-action buttons for exploring the market or creating NFTs, and a rotating highlight of featured artwork with bidding information and countdown timers to encourage engagement.

The layout is structured to guide the user journey:

Product Discovery: Trending, best-selling, new, most-viewed, and most-favorited NFTs are showcased in distinct carousels with real-time bidding details, prices in ETH, and auction countdowns.
Creator Highlights: A dedicated section for trending creators displays profile stats, fostering community connection and trust.
Creation Flow: A clear four-step panel set up wallet, create a collection, mint NFTs, list for sale, and helps onboard new sellers seamlessly.
Educational Resources: Blog and article cards provide guides for beginners, marketplace news, and deeper NFT knowledge to support user learning.
Footer Navigation: Comprehensive links for account management, community joining, policies, and marketplace stats, along with newsletter subscription and social media integration.

The clean blue-and-white visual style, ample whitespace, and card-based layout create a modern, trustworthy feel while maintaining high visual hierarchy for quick scanning and interaction.

Cryptomaniac - Crypto Trading & Investment Platform UI

This landing page is designed to promote Cryptomaniac, a high-converting cryptocurrency marketplace catering to both casual holders and active traders.

The hero section immediately introduces the platform’s value proposition with a bold headline, concise subtext, and clear call-to-action buttons for Buy/Sell and Explore. A mockup of the mobile app reinforces the brand’s mobile-first approach, while logos of major tech companies build trust through implied credibility.

Brand & Visual Identity Contribution:

I designed the Cryptomaniac logo and extended its visual style into the UI, using its shapes and color palette to create custom button designs and subtle brand elements across the interface. This ensures a cohesive, recognizable look that strengthens brand recall and consistency.

Cryptomaniac Logo & Brand Strategy

The Cryptomaniac logo is inspired by the dynamic and fluid nature of cryptocurrency markets, represented through a bold, abstract mark that blends organic curves with geometric stability. The flowing form symbolizes adaptability and growth, while the anchored shapes convey trust and security, key values for a trading platform.

The color palette combines a confident, energetic purple with a warm gold accent, signaling innovation, opportunity, and financial optimism. This branding was designed to extend seamlessly into the UI, where the logo’s shapes and curves evolve into functional brand elements forming distinctive button styles, iconography, and background accents.

Key Sections:

Why Cryptomaniac: A visually segmented grid explains core benefits, such as free entry/exit, top security, user-friendly design, and rapid transactions, each with a matching icon for quick scanning.
Testimonials: A rotating carousel of authentic user feedback adds credibility.
Core Values: Feature cards for Safe, Fast, and Grow communicate the brand’s primary promises.
Educational Content: Blog previews highlight thought leadership and success stories, humanizing the platform.
Closing CTA: The final call-to-action pairs the value proposition with app store download buttons to drive adoption.
Footer: Includes newsletter signup, quick navigation, utility links, and social icons.

Visual Style:

The design balances a clean white-and-dark contrast with a signature purple accent. The logo-inspired shapes appear throughout, from call-to-action buttons to background details, creating a distinctive brand presence and an intuitive, polished experience.