Skills Required for Display & Social Banner Designer / HTML5 Banner Developer

1. Design Skills

• Create high-quality PSD files for display and social media banners.
• Understand layout, typography, colours, and visual hierarchy.
• Design banners that follow brand guidelines.
• Create multiple banner sizes while maintaining design consistency.
• Prepare assets for developers or animation.

2. Adobe Photoshop

• Strong knowledge of Adobe Photoshop.
• Organise PSD files with proper layer names and folders.
• Use Smart Objects, masks, adjustment layers, and layer styles.
• Export images in the correct formats (PNG, JPG, SVG, WebP).

3. HTML5 Banner Development

• Build animated HTML5 banners using:
  • HTML
  • CSS
  • JavaScript
• Convert PSD designs into HTML5 banners.
• Create smooth animations and transitions.
• Optimise banners for fast loading and small file sizes.
• Ensure banners work across different browsers.

4. Animation Skills

• Create smooth and engaging animations.
• Understand timing, easing, and motion principles.
• Animate text, images, logos, buttons, and other elements.
• Follow animation timelines and creative briefs.

5. Banner Ad Knowledge

• Understand standard display banner sizes.
• Follow IAB guidelines and ad specifications.
• Build banners that meet platform requirements.
• Keep banner file sizes within the required limits.

6. Social Media Creatives

• Design banners for platforms like Facebook, Instagram, LinkedIn, and X.
• Create assets in different aspect ratios (1:1, 4:5, 9:16, 16:9, etc.).
• Aware of the social media specifications and safe area.

7. Attention to Detail

• Check spelling, alignment, spacing, and image quality.
• Ensure animations run smoothly.
• Test banners before delivery.

8. Problem Solving

• Troubleshoot HTML, CSS, and JavaScript issues.
• Fix browser compatibility problems.
• Optimise animations without affecting performance.

9. Communication & Teamwork

• Understand creative briefs clearly.
• Effectively communicate with colleagues and clients.
• Ask questions when requirements are unclear.
• Share progress and meet deadlines.

10. Time Management

• Handle multiple banner sizes and projects.
• Prioritise tasks effectively.
• Deliver work on time without compromising quality.

11. Client Communication

• Communicate professionally with clients through email and meetings.
• Understand client requirements and ask questions when something is unclear.
• Provide regular updates on project progress.
• Explain design or technical decisions in simple language.
• Be open to feedback and make revisions as needed.
• Handle client discussions politely and maintain a positive attitude.
• Build good working relationships by being responsive, reliable, and solution-orientated.

12. Technical Proficiency

• Have a strong understanding of HTML, CSS, and JavaScript.
• Be comfortable using Adobe Photoshop and other design tools.
• Write clean, organised, and reusable code.
• Understand responsive design and cross-browser compatibility.
• Optimise banners for performance and file size.
• Learn and adapt to new tools, technologies, and industry standards.
• Troubleshoot technical issues and find effective solutions independently.

Nice-to-Have Skills

• Experience with the GSAP animation library.
• Knowledge of Google Ads, CM360, DV360, or other ad platforms.
• Familiarity with Bonzai, Celtra, Adform, ResponsiveAds or similar banner-building tools.
• Basic understanding of Git or version control.

Expected Outcome

• Design professional PSD files for display and social media banners.
• Convert PSDs into high-quality HTML5 animated banners.
• Build clean, optimised, and reusable HTML, CSS, and JavaScript code.
• Deliver banners that meet platform specifications and quality standards.
• Work independently while collaborating effectively with the creative team.

Shift Details

• Australian shift: 3:30 AM IST / 4:30 AM IST (subject to business requirements)