4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T3d89,/* eslint-disable react/jsx-key */ import { Minus, Plus } from "lucide-react" import { cn } from "@workspace/ui/lib/utils" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@workspace/ui/components/accordion" import { Button } from "@workspace/ui/components/button" const items = [ { id: "01", title: "Who am I?", content: [

I’m Ali Imam, a designer and creative developer dedicated to crafting digital experiences that are minimal, meaningful, and timeless. My work blends aesthetic precision with technical expertise, creating interfaces and products that feel intuitive and resonate deeply with users. Inspired by the harmony of architecture and the subtleties of human behavior, I approach every project with curiosity and a commitment to storytelling. Whether designing a sleek app interface or coding a responsive website, my goal is to create experiences that leave a lasting impression while solving real problems for users and businesses alike.

RELATED SERVICES

Creative Direction, UI/UX Design, Front-End Development, Brand Identity Design, Interaction Design, Prototyping, User Research, Visual Storytelling, Responsive Web Design, Design Systems

, ], }, { id: "02", title: "What do I design?", content: [

I design clean, functional, and visually compelling interfaces, brand systems, and digital products that prioritize usability and clarity. From pixel-perfect mobile apps to immersive websites, my work is rooted in simplicity, ensuring every element serves a purpose. I create cohesive brand identities that reflect a company’s essence and connect emotionally with audiences. My designs are not just about aesthetics—they’re about guiding users effortlessly through intuitive layouts, thoughtful typography, and seamless interactions. Whether it’s a startup’s landing page or a complex SaaS platform, I aim to deliver experiences that are both beautiful and highly functional.

RELATED SERVICES

UI/UX Design, Web Design, Mobile App Design, Brand Identity Systems, Visual Design, Wireframing, Prototyping, Design Systems, Iconography, Animation Design

, ], }, { id: "03", title: "My design approach", content: [

My design approach is holistic, blending form, function, and feeling to create experiences that resonate. I prioritize clarity, ensuring users grasp a design’s purpose instantly, while obsessing over details like typography and micro-interactions to elevate the experience. Storytelling is at the core—every project tells a narrative that connects with its audience emotionally and intellectually. I start by understanding user needs and business goals, then iterate through sketches, wireframes, and prototypes, refining based on feedback. This process ensures designs are not only visually striking but also intuitive and purposeful, creating a seamless bridge between user expectations and client objectives.

RELATED SERVICES

User-Centered Design, Interaction Design, Prototyping, User Testing, Design Thinking, Visual Storytelling, Information Architecture, Accessibility Design, Feedback Integration, Iterative Design

, ], }, { id: "04", title: "Beyond design", content: [

As a creative developer, I go beyond designing visuals—I build interactive, performant experiences that bring ideas to life. Using tools like Next.js, React, and TypeScript, I code responsive websites and applications that are as robust as they are beautiful. My dual expertise in design and development allows me to oversee projects from concept to deployment, ensuring a seamless transition from prototypes to production. Whether it’s integrating APIs, optimizing performance, or crafting smooth animations, I focus on creating digital products that users can engage with effortlessly across devices, delivering both technical excellence and aesthetic finesse.

RELATED SERVICES

Front-End Development, Full-Stack Development, API Integration, Responsive Web Development, Animation Coding, Performance Optimization, CMS Integration, JavaScript Frameworks, Web Accessibility, Code Reviews

, ], }, { id: "05", title: "What inspires me", content: [

My inspiration stems from the elegance of minimalism, the structural beauty of architecture, and the subtle details of everyday life. A perfectly balanced building, the texture of a natural material, or the rhythm of a bustling street can spark ideas for a user interface or brand system. I’m also inspired by human behavior—how people interact with technology, what frustrates them, and what brings joy. This curiosity drives me to design with intention, creating experiences that feel calm, intuitive, and timeless. By focusing on the often-overlooked details, I craft designs that resonate deeply and endure over time.

RELATED SERVICES

Moodboard Creation, Visual Inspiration Curation, Environmental Design, User Behavior Analysis, Emotional Design, Minimalist Design, Concept Development, Design Research, Trend Analysis, Creative Consulting

, ], }, { id: "06", title: "Who I work with", content: [

I partner with startups, brands, and individuals who share a passion for thoughtful design and meaningful impact. My collaborators range from tech entrepreneurs launching innovative products to established companies seeking to refresh their digital presence. I thrive in partnerships where creativity is valued, and ideas are explored collaboratively. By deeply understanding my clients’ goals, challenges, and audiences, I create designs that not only meet their needs but also inspire their users. Whether it’s a bold new app or a refined brand identity, I work with those who want to make a lasting difference through design that’s purposeful and memorable.

RELATED SERVICES

Client Collaboration, Startup Consulting, Brand Strategy, User-Centered Design, Project Management, Stakeholder Workshops, Creative Direction, Brand Refresh, Product Launch Design, Community Engagement Design

, ], }, { id: "07", title: "My toolkit", content: [

My toolkit is a blend of design and development tools that empower me to execute ideas with precision and efficiency. For design, I use Figma to create wireframes, prototypes, and pixel-perfect interfaces, enabling seamless collaboration with clients. On the development side, I leverage Next.js, React, and TypeScript to build fast, scalable applications. Tools like GSAP bring animations to life, while Tailwind CSS ensures consistent, rapid styling. However, tools are secondary to the idea—they exist to serve the vision. My focus is on crafting solutions that align with the project’s goals, ensuring both aesthetic excellence and technical performance in every deliverable.

RELATED SERVICES

Figma Prototyping, Next.js Development, React Development, TypeScript Coding, Animation Design, CSS Styling, Design-to-Code Workflow, Tool Integration, Performance Optimization, Collaborative Design Systems

, ], }, { id: "08", title: "Let’s connect", content: [

I’m passionate about connecting with those who share a love for design, technology, and creativity. Whether you’re a startup founder with a bold vision, a brand seeking a fresh identity, or someone who wants to explore the possibilities of design, I’m here to collaborate. Reach me at contact@designali.com or find me on X, LinkedIn, or Dribbble, where I share my latest work and insights. I’m open to new projects, creative partnerships, or even a chat about the future of digital experiences. Let’s create something meaningful together—reach out, and let’s start the conversation.

RELATED SERVICES

Creative Consulting, Project Scoping, Collaboration Workshops, Social Media Content Creation, Portfolio Reviews, Design Mentorship, Networking Events, Project Proposals, Client Onboarding, Idea Brainstorming

, ], }, ] export default function Accordion02() { return (

{items.map((item) => (

{item.title}

{item.content} ))}

) } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L4f",null,{"files":[{"path":"registry/designali/examples/accordion/accordion-02.tsx","content":"$50","type":"registry:example"}],"className":"h-[70svh] min-h-80"}]]}]