Asif Majeed, Developer in Rawalpindi, Punjab, Pakistan
Asif is available for hire
Hire Asif

Asif Majeed

Verified Expertย  in Engineering

Front-end, WordPress, and Shopify Developer

Location
Rawalpindi, Punjab, Pakistan
Toptal Member Since
July 11, 2017

Asif is a seasoned front-end web developer with 9+ years of experience and a successful track record of 50+ projects. With expertise in WordPress, Shopify, and Webflow, Asif delivers exceptional results. Clients rely on his ability to transform visions into visually appealing websites. From custom themes to optimizing performance, seamlessly integrating cutting-edge technologies and optimizing website performance sets Asif apart. His skills and accomplishments position him as a top choice.

Portfolio

Numeral Technologies Inc.
WordPress, CSS, CSS3 Animation, HTML5 Animations, Responsive Web Design (RWD)
Craft Education Technologies Limited
Webflow, JavaScript, HTML, CSS, No-code Development
nanoleq AG
UI Development, Webflow, UI Animation, CSS

Experience

Availability

Full-time

Preferred Environment

Webpack, NPM, Bower, Grunt, Gulp, Subversion (SVN), GitHub, Webflow, WordPress, Shopify

The most amazing...

...achievement was leading Shopify development for Steelandpipes.com. I created a custom theme and integrated apps across 20+ divisions and 4,200+ products.

Work Experience

WordPress Developer

2023 - 2023
Numeral Technologies Inc.
  • Examined the site and suggested building it from scratch due to its complex setup. The challenge for "Go Numeral" was to revamp a website into a mobile-responsive, precisely designed platform.
  • Completed the project two days ahead of schedule, working with a tight 2-week deadline and investing extra time, even on weekends.
  • Used my animation skills with the GreenSock Animation Platform (GSAP) and ensured the new site was responsive and included smooth animations for a polished look.
  • Focused on front-end development to create the design and functionality, then seamlessly integrated this into WordPress, ensuring the site was user-friendly and easy to manage.
  • Delivered a sleek, fast-loading website that fits perfectly on mobile screens. The client was thrilled with the outcome!
Technologies: WordPress, CSS, CSS3 Animation, HTML5 Animations, Responsive Web Design (RWD)

Webflow Developer

2023 - 2023
Craft Education Technologies Limited
  • Followed the best industry standard of proper requirement engineering to understand clients' requirements for design upgrades and performance optimization.
  • Modernized the content management site to increase website performance. It was modified with reusable static content blocks. It enables the client to control the material without the assistance of a developer.
  • Delivered the project in a very limited time and budget.
Technologies: Webflow, JavaScript, HTML, CSS, No-code Development

Senior UI Developer

2023 - 2023
nanoleq AG
  • Followed the key principle of requirement engineering during interviews, which helps the developer and stakeholder better understand the project.
  • Had a few conversations about the strengths and weaknesses of their selected platform.
  • Enabled the company, based on the discussions we had, to identify the weaknesses of their proposed plan and needed to go back to the drawing board to tackle the project requirements better.
Technologies: UI Development, Webflow, UI Animation, CSS

Shopify Developer

2022 - 2023
Retail Omnichannel Consultant LLC DBA Che by Chelsey
  • Configured and customized various plugins, such as store enhancement, caching plugins, and security plugins, ensuring seamless integration with the website.
  • Implemented SEO optimization techniques, including keyword research, meta-tag optimization, and URL restructuring.
  • Optimized site performance by configuring and fine-tuning mechanisms, leveraging CDN (content delivery network) solutions, and implementing code optimizations.
Technologies: Shopify, JavaScript

Front-end and Shopify Developer

2021 - 2023
Steel and Pipes
  • Used my in-depth knowledge of Shopify to help a designer in my team.
  • Built pixel-perfect theme-matching designs provided in Figma using Bootstrap CSS.
  • Converted theme into a fully-functional Shopify store.
  • Added complete customization options to theme sections.
  • Developed custom solutions for advanced requirements.
  • Provided assistance to the team with integrating a third-party inventory management system that the store owners already used.
  • Helped with the mobile app version of the store to create Android and iOS versions.
Technologies: Figma, HTML5, CSS3, Bootstrap, Liquid, Shopify, Shopify API, Third-party Integration, Plugin Development

Lead WordPress Developer

2019 - 2020
Stable Group (via Toptal)
  • Built a custom theme that was based on Sketch designs.
  • Added custom back-end fields for theme management.
  • Created each section fully editable from the back end. Integrated custom fields.
  • Integrated Lottie animations into WordPress templates.
Technologies: Lottie, JavaScript, CSS3, HTML, WordPress

Senior Shopify Developer

2018 - 2020
Softlimit
  • Customized and developed various new solutions for Shopify stores and built modern and optimized shops.
  • Developed themes from scratch, having only design as the starting point.
  • Reskinned an existing theme according to the new design and requirements.
Technologies: App Integration, Shopify, Theme Development, Liquid Template, CSS, HTML

Lead WordPress Developer

2018 - 2020
DialMyCalls (via Toptal)
  • Created pixel-perfect HTML pages from Sketch using Bootstrap.
  • Developed a design utilizing wireframes in Photoshop.
  • Converted a Photoshop design into pixel-perfect HTML code using Sass preprocessor.
  • Translated HTML code into a fully functional WordPress theme.
Technologies: WordPress, Sketch, Bootstrap, jQuery, SCSS, HTML5

Front-end Developer

2019 - 2019
Luke Berry, Inc. (via Toptal)
  • Collaborated with Luke Berry Inc. on multiple website projects.
  • Specialized in front-end customizations and Shopify development.
  • Provided high-quality custom solutions to enhance website functionality and design.
  • Contributed to improving user experiences across various websites.
  • Aided in creating seamless and visually appealing digital platforms for Luke Berry Inc.'s online audience.
Technologies: Liquid Template, Shopify, JavaScript, SCSS, HTML, Plugin Development

Senior Front-end Developer

2015 - 2018
iPlex, Pvt Ltd.
  • Developed W3C-compliant websites from layered PSDs utilizing XHTML, CSS, and jQuery/JavaScript combined with an in-house developed CMS.
  • Wrote CSS following BEM (Block, Element, Modifier) standards.
  • Developed the HTML and CSS coding of the front-end interfaces, including cross-browser support and unit testing, to ensure the quality of work.
  • Took Photoshop and Illustrator designs and hand-coded the XHTML, CSS (with a helping hand from Sass), and JavaScript/jQuery.
Technologies: Less, WordPress Themes, React, AngularJS, jQuery, JavaScript, ZURB Foundation, Bootstrap, Sass, CSS3, HTML5, Plugin Development

Front-end Developer

2014 - 2015
GateLogix
  • Delivered pixel-perfect, cross-browser, hand-coded XHTML/CSS templates for a number of in-house and client web-based projects.
  • Liaised with project managers and team leads as well as design, testing, and back-end development teams.
  • Fixed existing cross-browser and cross-platform UI bugs on the main website and optimized the sites for mobile browsers using CSS media queries.
Technologies: jQuery, JavaScript, ZURB Foundation, Bootstrap, Sass, CSS3, HTML5

CocoKind

https://www.cocokind.com/
I joined Cocokind's team as a Shopify theme developer. The store sells skin care products with a highly customizable purchase experience. My primary responsibility was implementing new store designs into a fully functional store while providing support for the existing live theme. We successfully met the launch deadline. I also added customization options for all newly developed sections, enabling store owners to make changes in the future without the developer's intervention.

Some solutions I have developed to meet the design requirements include custom functionalities, such as site-wide sale and discount scripts, subscriptions, A/B testing support, customized product upsells on side cart and product pages, and integration of highly customized collections layout.

As apps are an integral part of any eCommerce store, I integrated them to extend functionalities for a product recommendation and custom fields for a custom product or collection experience. I also integrated Klaviyo for email marketing, recharge for order subscriptions, Okendo for product reviews, Yotpo for loyalty and referral programs, and a reusable box for shipping.

eCommerce for Steel and Pipes

https://store.steelandpipes.com/
Steel and Pipes wanted to step into the eCommerce business with a vision to provide easy and secure access to their customers when COVID-19 hit the economy. Founded in 1979, the company has already been successful in the industrial steel market in Puerto Rico.

During the designing phase, I joined the team, providing in-depth knowledge of the Shopify platform to help create a design aligned with the platform. We agreed that a custom solution was needed because the store had some special requirements due to the nature of this hardware business. We completed this project and delivered a functional and customizable Shopify theme within the proposed eight-week time.

Additionally, I supported the team in importing and integrating a third-party database system that the store was already using for inventory management.

CenacoloVinciano

https://cenacolovinciano.org/en/
The project was a remarkable endeavor at the intersection of the museum industry and education, with a focus on history and the arts. Developed using a blend of WordPress, Bootstrap 4, ACF (Advanced Custom Fields), HTML, and CSS, this project seamlessly married technology and culture. The result was a captivating website that served as an educational portal and a digital gateway to the historical and artistic treasures housed within.

The client's feedback, "๐˜๐จ๐ฎ ๐ก๐š๐ฏ๐ž ๐ฉ๐ซ๐จ๐ฏ๐ž๐ง ๐ฒ๐จ๐ฎ๐ซ๐ฌ๐ž๐ฅ๐Ÿ ๐š๐ฌ ๐‹๐ž๐จ๐ง๐š๐ซ๐๐จ ๐๐š ๐•๐ข๐ง๐œ๐ข ๐Ÿ๐จ๐ซ ๐จ๐ฎ๐ซ ๐ฐ๐ž๐›๐ฌ๐ข๐ญ๐ž," stands as a testament to the success of the project, likening the development team to a masterful Renaissance artist who breathed life into their online presence.

Probon CH

https://probon.ch/
Probon.ch's development journey harnessed a carefully selected technology stack, including ACF and Gutenberg for content management, HTML/CSS, Bootstrap 5 for responsive design, and Vue.js to create a custom map feature. These technologies were strategically combined to realize Probon.ch's core mission: providing discount coupons and store locators across Switzerland. This diverse tech blend played a pivotal role in delivering a feature-rich, seamless user experience, making Probon.ch a valuable resource for Swiss shoppers and businesses.

Webflow Website for a Chemical Production Company

https://www.ctc.ca/
The company has a mining and manufacturing business for chemicals used in healthcare, industrial, and pharmaceutical utilities. Their website needed to represent the company's vast portfolio with subtle animations. Webflow was chosen as the builder due to its versatility and flexibility. I was handed designs made in Adobe XD.

Webflow Website

https://www.remento.co/
Remento is a science-backed tool for guiding and capturing family stories through conversation; it helps people discover, document, and more deeply appreciate their family stories in a new way. The website in Webflow CMS is developed mainly to market the iOS app. Given the nature of the website, it was essential for it to be built to facilitate easy maintenance and content updates.

eCommerce for Canis

https://www.canisathlete.com/
Canis Athlete is a clothing and equipment store for extreme adventure activities.

The store was created in Engine Commerce, an old and outdated platform. The client wanted to transfer the store and its existing functionalities to a stable platform. Therefore it was moved to Shopify. I transferred the products and other settings from Engine Commerce and created fully editable themes for the new store.

Sapadilla

https://sapadilla.com
I worked on Sapadilla, with the design provided by the client in Figma. I used advanced front-end tools and an approach like HTML5, Sass, and JavaScript to develop the website. So it is now compatible with all browsers and devices. I developed the store in Shopify, using Liquid as the template language. I also integrated various Shopify apps into the store to add more features.

Uncommon Gourmet

https://uncommongourmet.com/
I converted the clientโ€™s design into a fully functioning and editable store for the administrators. For the frontend, I used HTML5, CSS, and jQuery.
For the backend, I used Liquid Template as the store was created in Shopify. Some custom apps were also integrated into the store for additional functionalities. There were many code-intensive custom solutions introduced for the complex theme design.

Cancer Tutor

https://www.cancertutor.com/
The client gave the design for Cancer Tutor in Figma. I used HTML, Sass, and JavaScript to develop front end for this fully responsive website which is compatible with all modern hand-held devices. FlexBox Layout was used to automate the responsive elements on the pages to arrange themselves. I integrated the front end into the WordPress CMS for this project to make use of the flexibility and reliability of a proven platform.

Spring Grove

https://www.springgrove.org/
The clients provided the design in InVision. I crafted their frontend using HTML5 and CSS3. A simple yet elegant design displayed via FlexBox, a plugin of jQuery. Foundation 6 was used for the production of the website from scratch to live. Foundation 6 includes all the essentials components like JS elements, sliders, and switches. This also allows us to make our own grids and layouts.

Languages

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

Frameworks

Bootstrap 3+, AngularJS, ZURB Foundation, Bootstrap, Tailwind CSS

Libraries/APIs

jQuery, jQuery UI, WordPress API, Vue, Liquid, React, Google APIs, Shopify API

Tools

Mailchimp, NPM, Adobe Photoshop, Adobe Illustrator, Sketch, GitHub, Subversion (SVN), Gulp, Grunt, Bower, Webpack, Figma, WPML, Gutenberg Editor, ACF PRO, Advanced Custom Fields (ACF)

Paradigms

UI Design, Responsive Web Design (RWD), Search Engine Optimization (SEO), Responsive Layout

Platforms

WordPress, Webflow, WooCommerce, Shopify, Klaviyo, Webflow CMS, GreenSock Animation Platform (GSAP), Amazon Web Services (AWS), Web

Other

PSD to HTML, Responsive Design, Responsive UI, Mobile First, PSD to Shopify, PSD to Mailchimp, Web Languages, Shopify Design, Shopify Customizations, Websites, Plugin Development, User Interface (UI), Elementor, Front-end Design, Front-end Development, User Experience (UX), Web Development, A/B Testing, eCommerce, Shopify Theme, HTML UI, CSS3 Animation, HTML5 Animations, Pixel Perfect, Page Speed Optimization, Plugins, No-code Development, SVG, WordPress Themes, SEO Tools, Mobile eCommerce, Front-end, Sketch to HTML, HTML to WordPress, Lottie, Theme Development, App Integration, Apps, Third-party Integration, Computer Science, Subscriptions, Web UI, Layout, UI Development, UI Animation, Content Management Systems (CMS), MERN Stack, Bootstrap 4, Accessibility, WCAG 2, eCommerce APIs, Animation

Storage

MySQL

2010 - 2014

Bachelor's Degree in Computer Science

PMAS-Arid Agriculture University Rawalpindi - Rawalpindi, Pakistan

OCTOBER 2023 - OCTOBER 2024

Webflow Certification Exam, Layout Level 1

Webflow University

OCTOBER 2023 - OCTOBER 2024

Webflow Certification Exam, Layout Level 2

Webflow University

OCTOBER 2023 - OCTOBER 2024

Webflow Experts Certification

Webflow University

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