Creative Designer and Developer

ADScholars; Hyderabad; On-site; INR 420,000 - 690,000; Full time

Job summary

ADScholars is seeking a Display & Social Banner Designer / HTML5 Banner Developer to convert PSD designs into animated banners and build robust HTML/CSS/JS code. You will produce banners for display and social platforms, ensuring fast loading times and cross-browser compatibility.

The role requires strong Photoshop skills, banner knowledge, and an eye for typography, color, and layout. You will collaborate with the creative team to deliver high-quality assets for multiple platforms.

Qualifications

• Design PSD files for display and social banners.
• Convert PSD designs into HTML5 animated banners.
• Build clean, reusable HTML, CSS, and JavaScript code.
• Deliver banners that meet platform specs and quality standards.
• Work independently while collaborating with the creative team.

Responsibilities

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

Skills

Design Skills

Animation Skills

HTML5 Banner Dev

Cross-browser Compat

Communication & Teamwork

Time Management

Client Communication

Problem Solving

Technical Proficiency

Tools

Adobe Photoshop

GSAP

Git

HTML/CSS/JS

Bonzai/Celtra

Job description

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

• 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.
• 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).
• 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.
• 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.
• 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.
• 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.
• Attention to Detail
• Check spelling, alignment, spacing, and image quality.
• Ensure animations run smoothly.
• Test banners before delivery.
• Problem Solving
• Troubleshoot HTML, CSS, and JavaScript issues.
• Fix browser compatibility problems.
• Optimise animations without affecting performance.
• Communication & Teamwork
• Understand creative briefs clearly.
• Effectively communicate with colleagues and clients.
• Ask questions when requirements are unclear.
• Share progress and meet deadlines.
• Time Management
• Handle multiple banner sizes and projects.
• Prioritise tasks effectively.
• Deliver work on time without compromising quality.
• 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.
• 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)