Atif Majeed, Developer in Islamabad, Islamabad Capital Territory, Pakistan
Atif is available for hire
Hire Atif

Atif Majeed

Verified Expert  in Engineering

UI Developer

Location
Islamabad, Islamabad Capital Territory, Pakistan
Toptal Member Since
October 20, 2019

Atif is a senior front-end developer with 10+ years of expertise, excelling at Webflow, WordPress, and custom Shopify. Proficient in HTML, SCSS, Bootstrap, GSAP, JavaScript, and React, ensuring perfect, responsive layouts. He is skilled in Gutenberg Block and ACF for WordPress and offers creative Shopify customizations. Expert in low-code solutions and animations and Git. He's adept at meeting deadlines and getting insightful client feedback. Exceptional listener, providing tailored solutions.

Portfolio

Cannon Blue Enterprises Inc.
Shopify, ASP.NET, SQL, HTML5, CSS3, Subscriptions, Shopify Design, Figma
Flojoy Inc.
Webflow, CSS, HTML, User Interface (UI), User Experience (UX)
Magnify
Webflow, CSS, API Integration, Mailchimp

Experience

Availability

Part-time

Preferred Environment

Subversion (SVN), Grunt, Bower, NPM, Webpack, GitHub

The most amazing...

...integration I've done was the Recharge app for Dive Bar, which offers unique subscriptions, monthly new shirts with Club designs, and gifting choices.

Work Experience

Shopify Expert

2022 - PRESENT
Cannon Blue Enterprises Inc.
  • Successfully implemented Shopify 2.0, maximizing its features and implementing custom solutions for improved usability and functionality.
  • Integrated Recharge app for customized product subscriptions that increase customer engagement and retention by allowing customers to receive new designs monthly and providing gifting options.
  • Fulfilled the client's vision by integrating a feature to showcase their bars in all 51 states of the United States on the website using Google Maps, enhancing user experience and expanding their reach.
Technologies: Shopify, ASP.NET, SQL, HTML5, CSS3, Subscriptions, Shopify Design, Figma

Webflow Developer

2023 - 2023
Flojoy Inc.
  • Successfully converted Figma design to a functional AI programming solution.
  • Achieved on-time delivery and cost estimation adherence.
  • Empowered productivity and innovation in the AI programming industry.
Technologies: Webflow, CSS, HTML, User Interface (UI), User Experience (UX)

Webflow Developer

2022 - 2023
Magnify
  • Implemented Figma-approved design with CSS-based animations in Webflow, following best practices for smooth performance and universally appealing design across all browsers.
  • Utilized Webflow to guarantee perfect responsiveness across all platforms, using media queries and adaptable design components to provide a unified user experience.
  • Seamlessly integrated Mailchimp for newsletter services and a blog CMS within Webflow, enhancing user engagement and enabling effortless content management.
Technologies: Webflow, CSS, API Integration, Mailchimp

Webflow Developer

2022 - 2023
Run:ai
  • Joined the team mid-way and close to the launch date. The client wanted to revamp their website and Webflow was already selected as the website development platform.
  • Fixed all existing pages according to the provided instructions and matched everything pixel-perfect with the provided designs.
  • Provided design and UX input wherever required, especially in mobile responsive screen designs.
  • Implement customized functional features in Webflow for better user experience and better data management on administrators end.
  • Provided live sessions for review and quick changes before and after launch.
  • Successfully met the deadline for the website launch resulting in another success story in my portfolio. We are already discussing an enhanced version coming out in the next few months.
Technologies: Webflow, HTML, CSS, Responsive

Front-end Developer

2021 - 2023
The Slate Group, LLC
  • Developed multiple websites for the client, focusing on front-end development.
  • Utilized HTML, CSS (including Sass), jQuery, and Bootstrap to create fully responsive layouts across all devices.
  • Attached pixel-perfect front end rendering, guaranteeing accurate design implementation with accuracy down to a 1:1 pixel ratio.
  • Improved loading performance by restructuring CSS to prioritize critical/above-the-fold styles, enhancing site speed and user experience.
  • Maintained and refined existing code structure, elevating the overall quality and maintainability of the websites.
  • Employed PHP and RESTful APIs for back-end development, enabling robust functionality and seamless data communication between the front and back end systems.
Technologies: JavaScript, CSS, HTML, Responsive Layout, Sass, PHP, jQuery

Front-end Developer

2017 - 2021
Web Media Gate
  • Submitted pixel-perfect, cross-browser, custom-coded XHTML/CSS templates, and client web-based projects.
  • Wrote CSS following BEM (block, element, and modifier) standards.
  • Heavily involved in the maintenance and improved the quality of the code-base.
  • Redesigned the UI from scratch, using graphic design to code.
  • Met the deadline of the project in less than a week.
Technologies: Shopify, WordPress Themes, React, AngularJS, jQuery, JavaScript, Materialize, ZURB Foundation, Bootstrap, Less, Sass, CSS3, HTML5

Shopify Custom Subscription Store

https://divebarshirtclub.com/
I've led the Dive Bar Shirt Club project through an astonishing transformation. First, I seamlessly migrated to Shopify 2.0 by optimizing Shopify's capabilities and providing custom solutions. I then integrated the Recharge app for subscription services by making subscriptions individual products, allowing clients to specify sizes and then receive new designs affiliated with their favorite Clubs. It also enables gifting options to your loved ones. Moreover, I fulfilled the client's vision by integrating a feature to showcase their bars in all 51 states of the United States on the website, enhancing user experience and expanding their reach. These changes took the Dive Bar website to new heights, responding to the requirements of both clients and customers with accuracy and brilliance.

Webflow Development For Python Learning

https://www.flojoy.ai/
This website was a learning platform for Python learning with AI, which immediately sparked my interest. I was given a Figma design file to create an amazing website to build with Webflow, and I ensured that all the animations were perfectly aligned with the design and that the website was fully responsive. This project was completed one week ahead of schedule, and the client was quite pleased with my sincere effort to provide accurate development work and a dedication to honesty in time management.

Webflow Development

https://www.run.ai/
For run.ai, I was assigned a Figma design. I used Webflow to craft this beautiful site, ensuring smooth animations and full responsiveness. I completed the project on time and showcased my commitment to precision and timely delivery, leaving the client impressed with my no-code solutions.

Front-end Development With GSAP Scroll Animations

http://dyonventures.com/
A Figma design with some animation challenges for front-end development was handed over to me. I had to use GSAP in several places to allow the content to float while the user scrolled, and I had to create an animation that would grow as the user scrolled down and shrink as they scrolled up. For this website, I have also added dark and light modes. I also used my HTML, SCSS, and Bootstrap knowledge to ensure that it was pixel-perfect and fully responsive for all devices.

Bitty Fish

https://bittyfish.com/
Bitty Fish is an online eCommerce store that is currently based on Shopify.

The client provided me with Figma files for the design, and I developed the website from scratch using custom CSS and HTML. After writing the codes, I moved them to Shopify/Liquid Template. After working out the website's structure and design, I enhanced the website's responsiveness and optimization, delivering a highly conversive and mobile-friendly website.

Department Application

I integrated PHP with Dynamics GP for invoice and payment receipt creation using SQL stored procedures and passing data through XML. I also added the Etisalat payment gateway and passed data to Dynamics for invoice and payment receipt creation. Finally, I created a workflow of different services and NOC's that the department provides to the respective audience.

Autobytel Dealer Website

https://www.autobytel.com/
I created a lead collection module and an administrative panel to create a new dealer website and provide the functionality to choose the template for newly created websites. As a result, the administrator was able to replicate data to a new website.

Waggib

It is a classified website that deals with auto, properties, jobs, and others.

I created a dynamic field attachment module where we can associate the field with auto, properties, and other classifieds. I also integrated Facebook login and Google login with the application, created an approval/rejection module for an administrator, and added different level permission systems (role-based).

Languages

CSS, HTML5, PHP, SCSS, CSS3, Liquid Template, HTML, JavaScript, Less, XML, Sass, SQL

Frameworks

Foundation CSS, Materialize, Laravel, CodeIgniter, Bootstrap, ZURB Foundation, AngularJS, Angular, ASP.NET

Tools

SQLyog, Mailchimp, GitHub, NPM, Figma, Webpack, Bower, Grunt, Subversion (SVN)

Platforms

Visual Studio Code (VS Code), WordPress, Shopify, Webflow, GreenSock Animation Platform (GSAP)

Storage

MySQL, Microsoft SQL Server

Other

WordPress Themes, PSD to Shopify, Shopify Design, Software Development, Responsive Email Templates, Front-end, SVG Animation, SVG, Ajax, Newsletter Templates, Newsletters, PSD to Mailchimp, PSD to HTML, Websites, Computer Science, User Interface (UI), User Experience (UX), Subscriptions, API Integration, Scroll Animations

Libraries/APIs

jQuery, jQuery Mobile, React, jQuery UI, Liquid, GSAP

Paradigms

Object-oriented Programming (OOP), Responsive, Responsive Layout, Responsive Web Design (RWD), Search Engine Optimization (SEO)

2006 - 2008

Master's Degree in Computer Science

National University of Modern Languages (NUML) - Islamabad, Pakistan

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring