Professional Experience Personal skills
Technical skills
Karachi, Sindh, Pakistan
************@*****.***
Safder Ali Jaffri +92-316-*******
Senior UI/UX Designer and Front-end Developer with 16+ years of experience in HTML, CSS, and JavaScript. Expertise in resolving browser compatibility issues, visual redesigns, WordPress custom theme creation, style guides, and interactive components. Skilled in wireframing, screen-flow diagrams, and UI spec documentation with strong communication skills.
Tech Carrot March 2022 - May 2023
Spearheaded the development of custom WordPress themes for prominent clients, including Raimondi Cranes and Foodtech Valley Dubai, demonstrating meticulous attention to detail, a deep understanding of client needs, and adept problem-solving skills.
Managed the end-to-end design and development process for these projects, ensuring seamless integration of client requirements and delivering pixel-perfect results.
Created and implemented a highly interactive 13-month timeline component within the SharePoint product, leveraging HTML, CSS3, and JavaScript. This component showcased my ability to work with complex data structures while delivering a visually appealing and user-friendly interface. Provided mentorship and guidance to junior team members, facilitating their professional growth and development.
Collaborated closely with cross-functional teams to meet project deliverables and deadlines, fostering a culture of collaboration and excellence.
Ringo Media November 2022 - Present
Spearheaded front-end development initiatives, driving the evolution of processes and elevating website design standards to meet and exceed client expectations.
Formulated and documented comprehensive Standard Operating Procedures
(SOPs) to streamline workflows across the development team, ensuring consistency, efficiency, and adherence to best practices. Orchestrated the development of custom pixel-perfect WordPress websites, collaborating closely with clients to understand their unique requirements and deliver tailored solutions that effectively communicate their brand identity and values.
Implemented and optimized front-end workflows using cutting-edge technologies such as Gulp, Bootstrap 5, and Sass design systems, leveraging automation and modular design principles to enhance productivity and maintainability.
Architected reusable HTML sections and components, promoting code reusability and scalability while reducing development time and effort across projects. Engineered dynamic forms using JavaScript, enabling seamless form generation through unique identifiers and enhancing user interactivity and engagement. Designed and implemented a flexible template system, empowering clients to customize website themes effortlessly through CSS variables, fostering greater brand alignment and consistency across digital properties. Problem-Solving
Creativity
Research
Teamwork
Analysis
Troubleshooting
Process Improvement
Adaptability
Flexibility
Effective Communication
Work Ethic
Integrity
Creativity
Motivation
Dedication
Confidence
Interaction
Design
Visual Design
Interactive
Prototyping
Web Design
Mobile Design
Proficient in HTML5, CSS3, SASS,
BEM, LESS, and JavaScript
Gulp/Webpack
Bootstrap all versions
Material UI
IONIC Apps UI Development
CSS Grids/ Flexbox
CSS Resets/ CSS Normalized
Cross-Browser Compatibility
Experience with modern
frameworks/libraries such as
React.js, Angular, and Vue.js
Strong understanding of
responsive design principles and
mobile-first development
Experience with UI/UX design tools
such as Adobe XD, Sketch, and
Figma
Experience with version control
systems (Git)
Experience with front-end
performance optimization
techniques - Google Page Speed
and GT Metrics
Familiarity with Agile/Scrum
methodologies
Sr. Front-end Developer - Remote
Lead Front-end Developer - Remote
Safder Jaffri
Portfolio
Right Solutions June 2020 - Feb 2022
Executed visual redesign of a design tool/ studio. Worked cross-functionality to design the Products & Pricing page tool, incorporating research & coding fully functional prototypes for testing. Researched methods to evolve the user experience in the form of smart design solutions and new user interactions
Collaborate with others and work well with developers, Test Engineers, and product management
Sr. UI/UX Designer and Front-end Developer
SBT Japan 2019 - 2020
Monitor work against the production schedule, provide updates to the Design and Development Manager and report any technical difficulties.
Collaborate with developers, product managers, QA and marketing to create amazing user interfaces.
Work closely with project support staff including developers and project managers.
Execute all visual design stages from concept to working with backend developers.
Work closely with business stakeholders, project managers and the product manager to conceptualize and produce dynamic designs. Golpik INC 2018 - 2019
Led a team of 8 designers and front-end developers, including mid-level and junior staff, overseeing UI/UX design projects and front-end development tasks.
Developed and implemented standard operating procedures
(SOPs) and workflows to ensure efficiency and consistency in design and development processes.
Designed and deployed custom WordPress websites tailored to client needs, ensuring high-quality, pixel-perfect results. Created interactive tools such as a garage floor generator and t- shirt design tool using JavaScript and advanced CSS/Sass techniques, enhancing user engagement and experience. Collaborated closely with cross-functional teams to meet project requirements and deliverables within deadlines.
Mentored and guided junior team members, fostering their professional growth and development.
Systems Limited 2015 - 2018
Gathered requirements, designed, and developed an eCommerce website.
Designed user interface, and prototyped the product (HTML, CSS and JavaScript).
Worked on various projects writing HTML, CSS and JavaScript based on provided designs to get websites and web applications built within a team atmosphere.
Created reusable processes, components and tools that leveraged into other projects, accelerating development progress. Design optimized and usable interface.
Informed department of current interaction design patterns and trends.
Sr. UI/UX Designer and Front-end Developer
UI/UX Lead
Sr. Web Designer and Front-end Developer
Communicated neutrally, empathically and comfortably with a team member, clients and customers.
Rapidly developed and iterated product and feature prototypes from conceptual demonstrations.
Created wireframes, screen-flow diagrams and UI spec documentation.
Identified and reacted to risks to the team's ability to deliver on project launch dates.
Identified and eliminated website UI bugs to improve user experience.
Researched tests and wrote a document on an HTML email template. Created design for Operation Rooms Status dashboard for AKUH. Recent Work
Education
Full Stack JavaScript Development
(ongoing course)
Certification Web Wise at
Computer Collegiate
Intermediate in commerce
B.com
https://ringomedia.com
https://www.foodtechvalley.ae
https://www.raimondi.co/en
https://pesfl.com
http://sahehly.ringoagency.com
https://techylp.idigsites.com
https://accountantsnow.ringolead
s.com
https://ringorepairs.com
https://ringomedia.co/ppc
https://byamericainsurance.com
https://www.experimax.com
https://tritonpower.com
https://phixey.com
https://bfmfl.com
https://americasgenerators.com
https://signaturerejuvenationmd.ri
ngoagency.com
https://freelogocreator.com
https://www.logodesign.net
https://www.logodesign.net/busin
ess-card
https://www.logodesign.net/servic
e-design-studio/2/business-
card/0/OZjgKJx7lNQ
https://thallium-consulting.com
https://goldenpronos.com
http://samapackaging.com
https://etrecosmetics.com
https://everything-world.com
https://kinetikenergy.co
https://www.firstyacht-me.com
https://www.modaminx.com
https://us.lcouture.com
https://www.albuslaw.co.uk
https://billpostmedia.com
http://www.dooney.com
http://www.ilovedooney.com
https://www.cdcaccess.com.pk
http://www.alfalahghp.com
https://www.hblibank.com.pk/T001
/ENULogin.jsp
Dexteam 2014 - 2015
Contributed to significant projects for notable clients, including Habib Bank Limited, where I designed and implemented an optimized internet bank login page using advanced HTML, CSS, and JavaScript techniques. The resulting page prioritized speed and efficiency, providing users with a seamless login experience. Developed custom WordPress websites for high-profile clients such as Bank Alfalah GHP, Blip.com, and a Philips-affiliated company, demonstrating versatility in adapting to diverse client needs and delivering tailored solutions.
Led the creation and integration of Facebook pages for clients, ensuring seamless branding and user experience across platforms while leveraging the latest integrations and functionalities available.
Sr. Web Designer and Front-end Developer
Advent Interactive 2010 - 2014
Responsible for Web Design and Front-End Development. Work with the entire team to make a great product, focusing on HTML, CSS, and other front-end technologies.
Work with HTML5 and CSS3 for new sections of all sites, slowly upgrading the code as new projects were initiated and executed. Created a CSS framework for using a 12-column grid preferred by the designers as well as implementing parts of Object-Oriented CSS to cut down on repetitive code.
Build out the structure and layout for the new mobile version of bookgator.com
Worked through cross-browser compatibility issues with layout and styles for all-new CSS
Consium 2012 - 2014
Brought the HTML and CSS of an existing website up to web standards.
Worked through cross-browser compatibility issues with layout and styles for all-new CSS that was implemented.
Available upon request
Web Designer and Front-end Developer
Web Designer and Front-end Developer - Remote
http://www.ecnet.com
http:/www.studiobloop.com
http://bowvalleygenetics.com
http://www.hybridpixels.com/cli
ents/audiens
http://kashansacademy.com
http://nuktidaana.com
References