Zain Muhammad

Bachelor of Computer Science

2015 - 2019 (Ist Division)

University of the Punjab, Lhr, Pakistan

I achieved my Bachelor's degree in Computer Science from the University of the Punjab in 2019, with a specialization in programming. This academic pursuit not only elevated my technical capabilities but also honed essential soft skills. I cultivated expertise in team building, collaborative problem-solving, effective presentation, and adeptly navigating teamwork in professional settings.

UI / UX Design Specialization

80 hours

California Institute of the Arts

Aug 2023

UX Design Fundamentals

13 hours

California Institute of the Arts

Aug 2023

Web Design: Strategy and Information Architecture

11 hours

California Institute of the Arts

Aug 2023

Web Design: Wireframes to Prototypes

40 hours

California Institute of the Arts

Aug 2023

Certified Responsive Web Design

300 hours

freeCodeCamp

Feb 2022

Visual Elements Of User Interface Design

16 hours

California Institute of the Arts

Sep 2020

The Fundamentals of Digital Marketing

40 hours

Google Digital Garage

May 2020

Web Development-CSS3-Scratch till Advanced

4.5 hours

udemy online courses

May 2020

Computer Foundation Project Based

3 months

Peak Solutions College

Sep 2015

Certified Spoken English

3 months

Peak Solutions College

Sep 2015

Senior Front End Developer

Oct 2020 - Present

oladoc.com (Mediconnect services), Lahore, PK

• At oladoc.com, Pakistan's foremost online platform for Doctor appointments, Lab tests, and Medicine bookings, I led the implementation of pixel-perfect and cross-browser compatible frontend development. My efforts included performance enhancements that significantly elevated core web vitals. This strategic approach resulted in improved search engine rankings, fostering organic traffic growth and concurrently reducing advertising expenditures.
• I streamlined the project by eliminating Slick sliders and implementing a custom JavaScript solution with arrow binding. This initiative aimed to reduce the reliance on external JavaScript libraries, resulting in a more optimized and efficient system.
• I successfully transformed the design to a mobile-first approach, ensuring responsiveness across all screen sizes. This was achieved through the implementation of a custom grid system using flex and custom JavaScript, without relying on Bootstrap or any external JavaScript libraries. This strategic move not only enhances performance but also provides a tailored and efficient solution aligned with specific project requirements.
• I prioritize code optimization and redundancy reduction in UI development. Leveraging my proficiency in CSS, I ensure the creation of fully optimized code that guarantees responsiveness across all screen sizes. This approach not only enhances the overall performance but also reflects a commitment to delivering streamlined and efficient solutions in web development.
• I autonomously developed all pixel-perfect pages on oladoc.com within frameworks such as CodeIgniter and Laravel. This includes the home page, doctor listing pages, doctor profiles, hospital pages, procedure pages, labs, lab test pages, pharmacy pages, video consultation, and the entire appointment booking flow. My individual contributions ensure a cohesive and visually precise user experience across the platform's various sections.
• I took charge of developing the core UI components for the upload prescription, add to cart, and book appointment flow. This involved designing and implementing key features to ensure a seamless and user-friendly experience in these critical areas of the platform.
• I successfully migrated Oladoc's My Practice module from CodeIgniter (CI) to Vue.js. This transition not only modernized the technology stack but also leveraged the capabilities of Vue.js to enhance the user interface and interactivity. The conversion aimed at optimizing performance and ensuring a more dynamic and efficient user experience.
• I spearheaded the optimization efforts for Core Web Vitals performance across the entire oladoc.com platform, achieving a commendable score of 0 Cumulative Layout Shift (CLS). Furthermore, I substantially enhanced accessibility, best practices, and SEO metrics, surpassing a 90% benchmark.
  In an ongoing capacity, I diligently manage on and off activities to sustain and continually improve the Core Web Vitals performance scores, ensuring an optimal and seamless user experience on oladoc.com.
• I possess a robust understanding of UX/UI design principles and actively engage in UX/UI design activities at Oladoc. I have successfully led the design initiatives for the oladoc My Practice app, focusing on the treatment and procedure flow for the doctor's interface. Additionally, I've played a key role in designing the user experience for Lab Test, Pharmacy Medicines, Doctor Procedure pages, and the Medicine Add to Cart flows.
  My designs, characterized by meticulous attention to detail, have undergone approval processes and were seamlessly implemented, subsequently deployed on production. I actively contribute to design discussions, providing valuable insights and suggestions to enhance user experience. This collaborative approach ensures that the design solutions align with industry best practices and result in optimal user engagement.
• I possess expertise in Cypress frontend testing and have authored and executed various test cases for oladoc.com, including:
  1. Comprehensive testing of the Login/Signup and Logout flow.
  2. Thorough examination of the Doctor appointment booking process.
  3. Rigorous testing of the Labs' prescription upload functionality.
  4. Methodical verification of the Lab Test add-to-cart flow.
  5. Evaluation of the Navbar functionality for both Desktop and Mobile interfaces.
  6. These test cases contribute to ensuring the robustness and reliability of oladoc.com's frontend functionalities, demonstrating my commitment to quality assurance and seamless user experiences.

Front End Developer

Jan 2020 – Sep 2020

IT Falcons, Lahore, Pakistan

• Collaborated with stakeholders during development processes to confirm creative proposals and design best practices.
• Use regulatory and compliance standards for user interface designs.
• Coded using HTML, CSS and JavaScript to develop features for both mobile and desktop platforms.
• Produced websites compatible with multiple browsers
• Teamed on user-centric design strategy in translation of UX and business requirements into coded solutions.
• Researched emerging web technologies and trends for possible incorporation into sites
• Improved tools to boost user interaction and deliver design versatility.
• Designed and updated layouts to meet usability and performance requirements.
• Advocated for well-tested and documented, high quality code.
• Performed user experience quality assurance testing to identify and remedy shortcomings.
• Tested web-based product functionality and delivered iterations to customer.
• Guided customers on project stages and iterations with input on best practices, user needs and technology capabilities.
• Worked cooperatively with client services, sales and design team in deadline-driven environment.
• I excel in UX/UI and graphic design, specializing in creating visually appealing and user-friendly digital interfaces. My expertise lies in crafting intuitive user experiences and developing eye-catching graphics, contributing significantly to the overall quality of the projects I undertake.
  1. I have created engaging and impactful hiring posts for companies, employing design elements to effectively communicate job opportunities and attract potential candidates.
  2. Managed up to 5 projects or tasks at a given time while under pressure
  3. Recommended and consulted with clients on the most appropriate graphic design.
  4. Created 4+ design presentations and proposals a month for clients and account managers

Front End Developer

Oct 2019 – Jan 2020 (Internship)

IT Falcons, Lahore, Pakistan

• Assisted in the development of responsive websites, optimizing for different screen sizes and devices.
• Gained hands-on experience with front-end technologies, including HTML5- , CSS3, and JavaScript,Wordpress.
• I've acquired practical experience in UX/UI and graphic design technologies, utilizing tools such as Adobe Photoshop, Adobe Illustrator, and Figma to create visually compelling and user-centric designs.
• Conceived and built optimized landing pages in HTML and CSS for integration and cross-browser compatibility.
• Worked closely with developers on creating new code.
• Supported the testing and debugging of web applications to ensure optimal performance and functionality.
• Developed testing code for web-based applications
• Developed user interfaces with modern JavaScript frameworks, HTML5, and CSS3
• Studied user requirements to gain strong understanding of project initiatives and deadlines.
• Attended development programs to gain competencies and boost skills set.
• Developed user-friendly web forms with validation and error handling.
• Optimized web applications for speed, scalability and security.
• Wrote custom HTML and JavaScript for existing websites.
• Followed best practices for software development and web security.