I'm a freelance designer and front-end developer who loves bringing ideas to life through clean design and well-written CSS. I create brands, websites, and visual content that not only look great but also work smoothly. From logo design to custom web pages, I combine creativity with code to help businesses stand out and connect with their audience…

Abdul Hannan Khatri

I'm a freelance designer and front-end developer who loves bringing ideas to life through clean design and well-written CSS. I create brands, websites, and visual content that not only look great but also work smoothly. From logo design to custom web pages, I combine creativity with code to help businesses stand out and connect with their audience…

Available to hire

I’m a freelance designer and front-end developer who loves bringing ideas to life through clean design and well-written CSS. I create brands, websites, and visual content that not only look great but also work smoothly. From logo design to custom web pages, I combine creativity with code to help businesses stand out and connect with their audience

See more

Language

English
Fluent

Work Experience

Add your work experience history here.

Education

Bachelor of computer science at university of karachi
March 12, 2020 - September 20, 2024
Certification of design at Apex
February 7, 2022 - August 26, 2022

Qualifications

Google UX Design Certificate
May 18, 2023 - May 26, 2023
Completed the Google UX Design Certificate, covering the full UX process from research to wireframing and prototyping. Gained hands-on experience in creating user personas, journey maps, low to high-fidelity designs, and responsive layouts using Figma.
freeCodeCamp Responsive Web Design Certification
October 23, 2024 - December 11, 2024
Completed the Responsive Web Design Certification by building real-world projects using HTML and CSS. Gained hands-on experience with Flexbox, Grid, and mobile-first design to create responsive, accessible, and user-friendly web pages.

Industry Experience

Computers & Electronics, Consumer Goods, Media & Entertainment, Real Estate & Construction
    paper Brand Toggle Full Branding and Website Design
    For Brand Toggle, I developed a full branding system that reflects clarity, innovation, and a forward-thinking approach. The project began with a sleek and modern logo that establishes a bold visual identity and communicates the brand’s focus on creativity and strategy. I followed with a complete brand guide outlining the core color palette, typography, and design principles to ensure consistency across all platforms. This guide helps maintain a strong and cohesive identity in both digital and printed materials. To enhance brand visibility in real-world interactions, I designed a professional business card that aligns with the overall branding, making the first impression both impactful and credible. Lastly, I designed and developed a responsive website tailored to Brand Toggle’s goals. The site features a clean layout, intuitive navigation, and modern aesthetics, offering users a seamless experience while showcasing the brand’s values and services effectively. This project reflects my ability to build strong, unified brand identities across multiple touchpoints, creating a professional presence both online and offline. BrandIdentity LogoDesign WebDesign BrandGuidelines BusinessCardDesign VisualBranding CreativeDesign ResponsiveWebsite ProfessionalBranding TypographyDesign UIUXDesign FreelanceDesigner DesignPortfolio ModernBranding CompleteBrandKit…
    paper The Artes Group Complete Branding and Website Design
    For The Artes Group, I created a full branding solution that communicates elegance, reliability, and modern professionalism. The project began with a sophisticated logo design that reflects the brand’s structure and strategic mindset. I developed a complete brand guide including color palettes, typography, and usage rules to ensure consistency across all visual touchpoints. To support the company’s physical branding, I designed a professional business card that maintains the identity’s clean and confident aesthetic. I also built a modern and responsive website tailored to showcase The Artes Group’s services, values, and portfolio. The site features a user-friendly layout, clean navigation, and a refined visual approach that aligns with the brand’s tone and purpose. This project demonstrates my ability to deliver cohesive branding across both digital and print platforms, helping The Artes Group make a lasting and professional impression. BrandIdentity LogoDesign WebDesign BusinessCardDesign BrandGuidelines FreelanceDesigner ModernBranding VisualIdentity CreativeDesign ProfessionalBranding ResponsiveWebsite UIUXDesign TypographyDesign CompleteBrandKit DesignPortfolio…
    paper Spa on the Move Brand Kit and Pattern Design
    For the Spa on the Move project, I developed a fresh and elegant brand identity that captures the essence of wellness and convenience. The logo design reflects a sense of calm, relaxation, and mobility, aligning perfectly with the brand’s mission to bring spa experiences directly to clients. I created a cohesive brand kit including a refined color palette and carefully chosen typography to evoke tranquility and professionalism. In addition, I designed a unique brand pattern tailored for clothing and merchandise, adding a stylish and recognizable element that reinforces brand consistency across all touchpoints. This pattern blends seamlessly with the overall visual identity, enhancing the brand’s presence in both digital and physical formats. My approach combined creativity and strategy to deliver a versatile and memorable identity that speaks to the luxury and accessibility of Spa on the Move’s services. The branding supports marketing materials, apparel, and packaging, making the brand instantly recognizable and appealing to its target audience. BrandIdentity LogoDesign VisualBranding CreativeDesign FreelanceDesigner BrandKit PatternDesign ClothingBrand WellnessBrand SpaBranding TypographyDesign ColorPalette ModernBranding BrandDevelopment CustomLogo…
    paper All Hands Comedy Brand Identity & Logo Design
    For the All Hands Comedy project, I crafted a comprehensive brand identity that reflects the spirit of unity, collaboration, and humor. The logo design features interlocking hands symbolizing teamwork and connection, which perfectly captures the inclusive and supportive nature of the comedy community. I chose a bold yellow and blue color palette to infuse the brand with energy, vibrancy, and a sense of fun. The typography is modern, clean, and approachable, striking a balance between professionalism and playfulness that suits the lively atmosphere of comedy shows and events. Alongside the logo, I developed a full brand kit including the color palette and font system, ensuring consistency and versatility across all brand materials. This cohesive visual identity helps All Hands Comedy stand out, making it instantly recognizable and memorable. The design supports various applications, from event posters to social media profiles, delivering a strong and engaging brand presence. This project highlights my ability to combine creative design with strategic branding to deliver identities that resonate with target audiences and strengthen brand storytelling. LogoDesign BrandIdentity VisualBranding CreativeDesign FreelanceDesigner LogoPortfolio ColorTheory TypographyDesign ModernBranding BrandDevelopment ComedyBrand DesignStrategy CustomLogo GraphicDesigner BrandKit…
    paper Unique Logos Crafted for Impact
    Welcome to my logo portfolio where creativity meets strategic branding. I specialize in designing unique logos that capture the essence of a brand and make a lasting impression. Each logo is crafted to reflect the values, personality, and vision of the business it represents. With experience working with diverse clients from startups to established companies, I understand what makes a logo memorable and versatile. My process combines artistic skill with a deep knowledge of color theory, typography, and design principles to produce logos that stand out across industries. What you’ll find here A variety of logo styles from minimalist and modern to classic and detailed Custom typography and iconography to enhance brand recognition Logos created for industries including technology, fashion, real estate, and more Brand marks designed to work well across digital and print platforms I believe a great logo is more than a symbol; it’s the foundation of a brand’s identity and a powerful communication tool. Whether you need a redesign or a fresh concept, my goal is to deliver designs that connect with your audience and elevate your brand presence. Skills and tools I use Vector design using Adobe Illustrator and CorelDRAW Color palette creation and typography selection Creative brainstorming and tailored concept development Final files prepared for web, social media, and print Explore my collection and if you like what you see, let’s connect to create a logo that truly represents your brand. LogoDesign BrandIdentity GraphicDesigner CreativeLogo VisualBranding LogoPortfolio FreelanceDesigner CustomLogo BrandDesign DesignInspiration VectorArt TypographyDesign ModernLogo LogoCreation DesignStrategy…
    paper Branding and Responsive Web Design Portfolio
    Welcome to my portfolio a showcase of creativity technical skill and dedication to crafting digital experiences that resonate. I am a freelance designer and front end developer specializing in clean modern and responsive websites that combine strong visual identity with flawless functionality. With over four years of experience working with clients across diverse industries such as tech startups eCommerce real estate and marketing agencies I have developed a sharp eye for design and a deep understanding of front end development particularly CSS. My passion lies in creating websites that not only look great but also deliver seamless user experiences across devices. What you will find here Brand identities crafted with thoughtful logos typography and color palettes designed to communicate the core values of each business Responsive web layouts built with clean semantic HTML and expertly written CSS ensuring fast loading times and smooth navigation on desktops tablets and smartphones Presentation decks and marketing collateral designed for clarity engagement and professional appeal Custom UI elements and interactive features that enhance user engagement without compromising performance I believe great design is about more than just aesthetics it is about connecting with your audience and making your message clear and memorable. Whether I am refreshing an existing brand building a website from scratch or designing custom graphics my approach is rooted in combining creativity with strategy and usability. Skills and Tools I Use Advanced CSS techniques including Flexbox Grid animations and responsive design principles Graphic design and branding using Adobe Photoshop Illustrator and Canva Wireframing and prototyping with tools like Figma to map out clear user journeys before development begins Version control and deployment basics to ensure your site is live and maintained without hassle Each project reflects a collaborative process where I listen carefully to client goals offer creative solutions and deliver final results that exceed expectations. I am always eager to take on new challenges that push the boundaries of design and front end development. Feel free to explore my projects and if you see something that fits your vision or inspires an idea let us connect and create something great together. FreelanceDesignerFrontendDeveloperCSSDesignResponsiveDesignBrandIdentityWebDesignUIUXDesignCreativeDeveloperDigitalDesignVisualBrandingDesignPortfolioCustomWebDesignFreelanceLifeRemoteDesignerDesignAndDevelopmentModernWebDesignWebDevelopmentGraphicDesignUserExperienceDesignStrategy…