companyCodeRabbit logo

Creative Design Engineer

CodeRabbitSan Francisco
On-site Full-time

Clicking Apply Now takes you to AutoApply where you can tailor your resume and apply.


Unlock Your Potential

Generate Job-Optimized Resume

One Click And Our AI Optimizes Your Resume to Match The Job Description.

Is Your Resume Optimized For This Role?

Find Out If You're Highlighting The Right Skills And Fix What's Missing

Experience Level

Entry Level

Qualifications

Proficiency in front-end technologies: JavaScript, HTML, CSS, and frameworks such as Next.js and Tailwind CSS. Experience with design tools like Figma and animation libraries (GSAP, Framer Motion). Strong understanding of responsive design principles and web performance optimization. Ability to work collaboratively in a team-oriented environment. Excellent problem-solving skills and attention to detail.

About the job

About CodeRabbit

At CodeRabbit, we are at the forefront of innovation, dedicated to developing cutting-edge human-machine collaboration systems. Our mission is to revolutionize software development through the creation of advanced AI-driven code reviewers that enhance productivity and efficiency. By integrating sophisticated language models with human creativity, we strive to redefine the standards of software quality and development speed.

The Role

We are seeking a talented Design Engineer who will act as a pivotal link between design and front-end engineering. This role involves taking ownership of our marketing website's implementation and evolution. You will engage in hands-on design work, produce high-quality code, and collaborate closely with our marketing and content teams to bring various campaigns, landing pages, and web experiences to fruition.

Reporting to the Head of Design, you will collaborate with a dedicated product design team, external agency partners, and key stakeholders across marketing, content, growth, and developer relations. This position offers significant autonomy, ideal for someone proficient in both Figma and coding, who thrives on seeing their work brought to life in a live environment.

Your Responsibilities

Website Management & Development
• Lead the front-end development of coderabbit.ai, creating and deploying new pages, sections, and engaging interactive features using our Next.js 15 / TypeScript / Tailwind CSS technology stack.
• Transform design ideas from Figma mockups, sketches, or your own concepts into high-quality, production-ready code.
• Implement dynamic animations, transitions, and interactive elements utilizing GSAP, Framer Motion, and WebGL/Three.js that enhance the website experience while ensuring optimal page speed and adherence to core web vitals.
• Enhance and maintain our front-end component library to ensure uniformity and reusability across all marketing platforms.

Marketing & Campaign Contributions
• Collaborate with marketing and content teams to design and construct landing pages, campaign pages, product announcements, and conversion-oriented experiences.
• Rapidly prototype and deploy web assets for product launches, events, and growth initiatives independently.
• Develop and maintain reusable page templates that enable the marketing team to operate more efficiently.
• Assist with visual content creation, including social media graphics, blog illustrations, email templates, and simple motion graphics as needed.

About CodeRabbit

CodeRabbit is a pioneering research and development firm dedicated to creating highly efficient human-machine collaboration systems. Our focus is on developing the next generation of AI-driven tools that enhance software development practices, enabling superior outcomes through innovative partnerships between humans and technology.

Similar jobs

Tailoring 0 resumes

We'll move completed jobs to Ready to Apply automatically.