Creative Designer and Developer

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

A successful candidate should be able to:

• •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)