Atif Majeed
Verified Expert in Engineering
UI Developer
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
Experience
Availability
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
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.
Webflow Developer
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.
Webflow Developer
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.
Webflow Developer
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.
Front-end Developer
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.
Front-end Developer
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.
Experience
Shopify Custom Subscription Store
https://divebarshirtclub.com/Webflow Development For Python Learning
https://www.flojoy.ai/Webflow Development
https://www.run.ai/Front-end Development With GSAP Scroll Animations
http://dyonventures.com/Bitty Fish
https://bittyfish.com/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
Autobytel Dealer Website
https://www.autobytel.com/Waggib
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).
Skills
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)
Education
Master's Degree in Computer Science
National University of Modern Languages (NUML) - Islamabad, Pakistan
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring