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

📌 Creative Designer and Developer (Hyderabad)
🏢 ADScholars
📍 Hyderabad