Ahmad Nawab Yousufy

Web Development | IT Infrastructure | Motion Graphics | Creative Projects

Showcasing Creativity, Technology & Real-World Solutions

Explore a collection of my professional projects and creative work across web development, IT solutions, and motion graphics design. From building modern websites and managing technical infrastructures to creating engaging visual content and digital experiences, each project reflects my passion for innovation, problem-solving, and delivering impactful results through technology and creativity.

Transforming Ideas into Innovative Digital Experiences & Creative Solutions

Explore Professional Projects

Discover a diverse collection of projects that combine technology, creativity, and innovation to deliver impactful digital solutions. My portfolio showcases experience in full stack web development, IT infrastructure and system administration, networking solutions, and motion graphics design. Each project reflects a commitment to quality, performance, creativity, and user-focused experiences. From responsive websites and enterprise IT solutions to engaging visual content and multimedia projects, my work is driven by the goal of transforming ideas into modern, functional, and visually compelling digital experiences.

Website Projects

GPLS (Global Peace and Logistics Services) – Website Development Project

GPLS (Global Peace and Logistics Services) – Website Development Project

LIKE THIS 66

Project Overview

Developed a modern and scalable website for GPLS (Global Peace and Logistics Services) using Laravel and React.js. The platform was designed to showcase the company’s logistics, transportation, and business services while providing a seamless and responsive user experience. The project focused on performance, security, and maintainability to support the company’s growing digital presence.

My Role

Full Stack Web Developer

I was responsible for the complete development lifecycle, including system architecture, front-end development, back-end implementation, database design, API integration, testing, optimization, and deployment.

Technologies Used

Laravel
React.js
HTML5
CSS3
JavaScript
Bootstrap
PHP
MySQL
RESTful APIs

Key Features

Fully responsive and mobile-friendly design
Modern React.js user interface
Secure Laravel back-end architecture
RESTful API integration
Dynamic content management
Service and logistics solutions showcase
Contact and inquiry forms
Optimized performance and fast loading
SEO-friendly website structure
Cross-browser compatibility
Secure authentication and data handling
Clean, scalable, and maintainable codebase

Responsibilities

Designed the system architecture and application structure.
Developed responsive front-end components using React.js.
Built robust back-end functionality with Laravel.
Designed and managed the MySQL database.
Developed and integrated RESTful APIs.
Implemented dynamic content management features.
Optimized application performance, security, and scalability.
Conducted testing, debugging, and deployment.

Project Outcome

Successfully delivered a modern, secure, and high-performance website for GPLS (Global Peace and Logistics Services). The Laravel and React.js solution provides a scalable platform that effectively presents the company’s logistics services, strengthens its online presence, and delivers a fast, intuitive experience for clients and business partners across all devices.

Graphic Design Projects

Elyas Lajawab Printing Press – Animation Advertisement Project

Elyas Lajawab Printing Press – Animation Advertisement Project

LIKE THIS 58

Project Overview

Designed and produced a professional animated advertisement for Elyas Lajawab Printing Press to promote its printing and branding services. The animation showcased the company’s expertise in delivering high-quality printing solutions, including business cards, brochures, banners, flyers, packaging, and other promotional materials. The project aimed to increase brand awareness and engage potential customers through creative motion graphics and visual storytelling.

My Role

Motion Graphics Designer

I was responsible for the complete production process, including concept development, storyboard creation, graphic design, animation, video editing, audio synchronization, and final rendering.

Software & Tools Used

Adobe After Effects
Adobe Premiere Pro
Adobe Illustrator
Adobe Photoshop

Key Features

Professional promotional animation
Dynamic motion graphics and visual effects
Smooth transitions and animated typography
Creative presentation of printing services
Brand-consistent colors and visual identity
High-definition (HD) video production
Social media–optimized video formats
Engaging visual storytelling

Responsibilities

Developed the creative concept and storyboard for the advertisement.
Designed custom graphics and branding elements.
Created motion graphics to showcase the company’s printing services and products.
Applied visual effects, transitions, and animated typography.
Edited and synchronized the animation with background music and sound effects.
Optimized the final video for social media, digital marketing campaigns, and promotional displays.
Delivered the project in multiple formats and resolutions.

Project Outcome

Successfully delivered a high-quality animated advertisement that effectively promoted Elyas Lajawab Printing Press and its wide range of printing services. The animation enhanced the company’s digital marketing efforts, strengthened its brand identity, and increased audience engagement by presenting its services in a creative, professional, and visually compelling format across social media and other promotional platforms.

Website Projects

M. Ashraf Ghani – Website Development Project

M. Ashraf Ghani – Website Development Project

LIKE THIS 12

Project Overview

Developed a professional and responsive website for M. Ashraf Ghani using PHP, Bootstrap, and MySQL. The website was designed to present biographical information, achievements, publications, speeches, news, and media content through a modern, user-friendly, and responsive platform.

My Role

Full Stack Web Developer

I was responsible for the complete development process, including front-end design, back-end development, database integration, content management functionality, testing, and deployment.

Technologies Used

PHP
Bootstrap
HTML5
CSS3
JavaScript
MySQL

Key Features

Fully responsive design for desktop, tablet, and mobile devices
Modern and professional user interface
Dynamic content management using PHP and MySQL
News, articles, and publications management
Photo and video gallery integration
Contact and feedback forms
Optimized website performance
Cross-browser compatibility
Secure database connectivity and data management
Clean and maintainable code structure

Responsibilities

Designed the website layout and user interface.
Developed responsive web pages using Bootstrap, HTML, CSS, and JavaScript.
Built dynamic functionality using PHP.
Designed and managed the MySQL database.
Developed modules for news, publications, galleries, and contact forms.
Optimized the website for speed, security, and usability.
Performed testing, debugging, and final deployment.

Project Outcome

Successfully delivered a responsive and dynamic website that provided a professional digital platform for presenting M. Ashraf Ghani’s biography, publications, speeches, and media content. The project improved accessibility, user experience, and content management while ensuring reliable performance and scalability for future updates.

Graphic Design Projects

Bright Future Gateway Consultancy – Amazon Website Learning Classes Animation Advertisement

Bright Future Gateway Consultancy – Amazon Website Learning Classes Animation Advertisement

LIKE THIS 11

Project Overview

Designed and produced a professional animated advertisement for Bright Future Gateway Consultancy to promote its Amazon Website Learning Classes. The animation was created to attract aspiring learners by showcasing the benefits of acquiring practical Amazon business skills through engaging visuals, dynamic motion graphics, and compelling storytelling.

My Role

Motion Graphics Designer

I was responsible for the complete creative and production process, including concept development, storyboard creation, graphic design, animation, video editing, audio synchronization, and final rendering.

Software & Tools Used

Adobe After Effects
Adobe Premiere Pro
Adobe Illustrator
Adobe Photoshop

Key Features

Professional educational promotional animation
Dynamic motion graphics and visual effects
Smooth transitions and engaging animations
Animated typography and educational icons
Brand-consistent colors and visual identity
HD video optimized for social media platforms
Clear and engaging visual storytelling
High-quality final rendering

Responsibilities

Developed the creative concept and storyboard for the advertisement.
Designed custom graphics and educational visual assets.
Created motion graphics and animated text to highlight course features.
Applied transitions, visual effects, and branding elements.
Edited and synchronized the animation with background music and sound effects.
Optimized the final video for Facebook, Instagram, YouTube, and other digital platforms.
Delivered the project in multiple formats and resolutions.

Project Outcome

Successfully delivered a high-quality animated advertisement that effectively promoted Bright Future Gateway Consultancy’s Amazon Website Learning Classes. The animation enhanced the consultancy’s digital marketing efforts, increased audience engagement, and communicated the value of the training program through professional motion graphics and visually compelling content. It served as an effective promotional asset across social media, online campaigns, and educational marketing initiatives.

Website Projects

Aman Eye Care Hospital – Multilingual Website Development Project

Aman Eye Care Hospital – Multilingual Website Development Project

LIKE THIS 13

Project Overview

Developed a modern and responsive multilingual website for Aman Eye Care Hospital using WordPress to strengthen the hospital’s online presence and improve access to healthcare information for a diverse audience. The website was built in three languages to ensure patients can easily browse services, learn about specialists, and access essential hospital information in their preferred language.

Visit Live Website

My Role

WordPress Developer

I was responsible for the complete website development process, including planning, theme customization, multilingual implementation, page design, plugin integration, content management, performance optimization, testing, and deployment.

Technologies Used

WordPress
Elementor
HTML5
CSS3
JavaScript
PHP
MySQL
Multilingual Plugin (WPML/Polylang)

Key Features

Fully responsive design for desktop, tablet, and mobile devices
Multilingual support in English, Dari, and Pashto
Modern and patient-friendly user interface
Custom WordPress theme and page customization
Dynamic content management through WordPress CMS
Doctor profiles and medical services showcase
Appointment and contact forms
SEO-friendly website structure
Fast-loading and performance-optimized pages
Cross-browser compatibility
Secure and scalable website architecture

Responsibilities

Planned the website structure and user experience.
Developed and customized the WordPress theme.
Designed responsive pages using Elementor, HTML, CSS, and JavaScript.
Implemented multilingual functionality for English, Dari, and Pashto.
Configured and customized WordPress plugins.
Managed website content, images, and multilingual translations.
Optimized the website for speed, security, and search engine optimization (SEO).
Performed testing, debugging, and final deployment.

Graphic Design Projects

Afghan Cargo – Animation Advertisement Project

Afghan Cargo – Animation Advertisement Project

LIKE THIS 22

Project Overview

Designed and produced a high-quality animated advertisement for Afghan Cargo to promote the company’s cargo, freight, and logistics services. The animation was created to highlight the company’s reliable transportation solutions, fast delivery services, and commitment to customer satisfaction through engaging visual storytelling and dynamic motion graphics.

My Role

Motion Graphics Designer

Software & Tools Used

Adobe After Effects
Adobe Premiere Pro
Adobe Illustrator
Adobe Photoshop

Key Features

Professional promotional animation
Dynamic motion graphics and visual effects
Smooth scene transitions
Animated typography and branding elements
High-quality HD video production
Engaging visual storytelling
Social media–optimized video formats
Brand-consistent colors, graphics, and messaging

Responsibilities

Developed the advertisement concept and storyboard.
Designed custom illustrations and visual assets.
Created motion graphics and animated branding elements.
Added transitions, effects, and animated typography.
Edited and synchronized the animation with background music and sound effects.
Optimized the final video for social media, digital advertising, and promotional campaigns.
Delivered the project in multiple formats and resolutions.

Project Outcome

Project Outcome
Successfully delivered a professional animated advertisement that strengthened Afghan Cargo’s brand identity and effectively promoted its logistics and cargo services. The animation enhanced audience engagement, increased brand visibility across digital platforms, and provided the company with a compelling marketing asset for social media, presentations, and online advertising.

Ahmad Nawab Yousufy

Web Development | IT Infrastructure | Motion Graphics | Creative Projects

Showcasing Creativity, Technology & Real-World Solutions

Explore Professional Projects

Find me on

Main Pages

Quick Links

Watch My Portfolio

I'm available to contact you!