Design Engineer, Web & UI Systems

📍 Job Overview

Job Title: Design Engineer, Web & UI Systems

Company: Presh Marketing Solutions

Location: Tampa, Florida, United States

Job Type: Full-Time

Category: Design & Engineering / Web Development / UI/UX

Date Posted: January 20, 2026

Experience Level: Mid-Level (2-5 years)

Remote Status: Hybrid (4 days in office expected)

🚀 Role Summary

• Own the end-to-end design and implementation of client and internal web experiences, focusing on AI-first development workflows.

• Build and maintain a comprehensive design system leveraging Figma and code, ensuring scalability and consistency across all digital assets.

• Drive the transition from traditional WordPress page management to modern, reusable UI systems and web application interfaces.

• Collaborate closely with cross-functional teams and enterprise clients to deliver impactful AI-enabled experiences.

• Champion quality, accessibility, and responsiveness in all UI outputs, utilizing AI-assisted tools to enhance efficiency and precision.

📝 Enhancement Note: This role bridges the gap between design and development, emphasizing a "builder mindset" and the strategic application of AI tools like Cursor for accelerated delivery. The hybrid work model suggests a need for strong in-person collaboration on specific days.

📈 Primary Responsibilities

• Design and implement user-centered interfaces for web applications, client deliverables, and internal tools, meticulously aligning with brand standards and usability best practices.

• Develop and maintain a robust design system within Figma and code, encompassing design tokens, typography, spacing, components, and comprehensive documentation.

• Leverage AI-assisted development tools (specifically Cursor) to accelerate UI implementation, code refactoring, quality assurance, and consistency enforcement.

• Create detailed wireframes, mockups, and interactive prototypes that translate seamlessly into production-ready UI.

• Contribute directly to front-end codebases to implement UI updates, new components, layout adjustments, and styling changes.

• Manage and enhance existing WordPress-based pages during a transition period, addressing layout fixes, responsiveness, and performance optimizations.

• Foster strong collaboration with developers to ensure accurate UI implementation, troubleshoot issues, and maintain alignment between design and code.

• Actively participate in client meetings, presenting design directions, articulating technical trade-offs, and incorporating feedback while upholding usability and system consistency.

• Conduct thorough evaluations of existing user experiences, identify critical gaps, and propose high-leverage improvements focused on reducing friction and enhancing clarity.

• Stay abreast of modern UI patterns, design system methodologies, and AI-enabled workflows, operationalizing best practices into repeatable team processes.

• Support internal projects requiring design and UI execution, including client portals, operational dashboards, and AI-driven workflow surfaces.

📝 Enhancement Note: The responsibilities highlight a hands-on role requiring both design acumen and coding proficiency, with a strong emphasis on system thinking and the practical application of AI in the development lifecycle. Client interaction is a key component, requiring effective communication and decision-making skills.

🎓 Skills & Qualifications

Education:

Experience:

• 2-5 years of professional experience designing and shipping robust web experiences, ideally within an agency, consultancy, or product delivery environment.

Required Skills:

• Advanced proficiency in Figma, including mastery of components, variants, auto layout, and library management for scalable design systems.

• Hands-on front-end implementation experience (ability to write and iterate on code, not just hand off designs).

• Demonstrated experience using AI-assisted development tools, with a strong preference for Cursor, and the ability to articulate workflow improvements and tangible results.

• Strong visual design fundamentals, including expert understanding of typography, layout principles, spacing, and responsive design techniques.

• Working knowledge of web accessibility standards (WCAG) and practical UI quality assurance best practices.

• Effective client-facing communication and presentation skills, with the ability to explain design decisions, technical trade-offs, and drive consensus.

• Builder Mindset: A proactive approach to shipping work, iterating quickly, and taking ownership from concept through implementation.

Preferred Skills:

• Experience establishing or significantly evolving a design system utilized across multiple digital products or surfaces.

• Experience designing for complex enterprise internal tools, operational dashboards, or administrative workflows.

• Comfort and adaptability in working across diverse client brands while maintaining a consistent standard of delivery and quality.

• Familiarity with modern front-end technology stacks, particularly React and established component-based frameworks.

• Practical experience with WordPress, including updating layouts, styling, and ensuring visual consistency.

📝 Enhancement Note: The qualifications emphasize a blend of design expertise, front-end coding skills, and a forward-thinking approach to AI integration. The "Builder Mindset" and "Systems Thinker" competencies are critical for success in this role, indicating a need for proactive problem-solvers who can build and maintain scalable solutions.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing a strong understanding of web application UI design and system thinking.

• Demonstrable examples of shipped outcomes, highlighting the impact of your design and implementation work.

• Evidence of creating and managing design systems, including components, variants, and documentation.

• Case studies detailing the process of translating complex requirements into intuitive and functional user interfaces.

Process Documentation:

• Showcase examples of designing and documenting UI workflows, from initial ideation to final implementation.

• Present instances where you've optimized user journeys or streamlined processes through thoughtful UI design.

• Include examples of how you've ensured consistency and quality in design and code through repeatable processes and system adherence.

📝 Enhancement Note: The portfolio is a critical component for this role, serving as tangible proof of design and development capabilities, system thinking, and AI tool utilization. Candidates should focus on presenting projects that demonstrate a full lifecycle approach and measurable impact.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Comprehensive Healthcare Plan (Medical, Dental, Vision)

• 401k Retirement Savings Plan

• Unlimited Paid Time Off (PTO)

• Telework Fridays (demonstrating flexibility and trust)

Working Hours:

• Standard full-time work hours are expected, totaling approximately 40 hours per week. The hybrid arrangement allows for flexibility, with 4 days in the office and Telework Fridays.

📝 Enhancement Note: The salary range is an estimate based on publicly available data for similar roles in the Tampa, FL area and the specific requirements of this position. Benefits are highly attractive, with Unlimited PTO and Telework Fridays indicating a strong focus on employee well-being and work-life balance.

🎯 Team & Company Context

🏢 Company Culture

Industry: Marketing Solutions / Technology Consulting

Company Size: While not explicitly stated, the need for a Design Engineer implies a growing team focused on digital product delivery and client solutions. This suggests a dynamic, potentially mid-sized organization that values innovation and client success.

Founded: Information not provided.

Team Structure:

• The Design Engineer will likely be part of a broader digital product or engineering team, working closely with developers, project managers, and client strategists.

• Reporting likely goes to a Design Lead, Engineering Manager, or Head of Digital Delivery.

Methodology:

• Emphasis on an "AI First" approach to development, integrating AI tools like Cursor to enhance efficiency and quality.

• Commitment to building and maintaining robust design systems for consistency and scalability.

• User-centered design principles are paramount, ensuring that all digital experiences are intuitive and effective.

• Agile or iterative development methodologies are likely employed for rapid delivery and client feedback integration.

Company Website: https://presh-marketing-solutions.breezy.hr (Note: This appears to be a hiring portal, not the primary company website, suggesting the company may have a separate main site.)

📝 Enhancement Note: Presh Marketing Solutions appears to be a forward-thinking company that leverages technology, particularly AI, to deliver marketing and IT solutions. The culture likely values innovation, efficiency, and client partnership.

📈 Career & Growth Analysis

Operations Career Level: Mid-Level Design Engineer. This role is crucial for bridging design vision with practical implementation, impacting the quality and efficiency of digital product delivery.

Reporting Structure: The Design Engineer will likely report to a senior member of the design or engineering team, with direct interaction and collaboration with developers and project stakeholders.

Operations Impact: This role has a direct impact on the quality, usability, and consistency of web experiences delivered to clients and internally. By establishing and maintaining design systems and leveraging AI tools, the Design Engineer contributes to faster delivery cycles, reduced technical debt, and enhanced client satisfaction, ultimately driving business growth and operational efficiency.

Growth Opportunities:

• Specialization: Deepen expertise in design systems, AI-assisted development, or specific front-end frameworks.

• Leadership: Transition into a Senior Design Engineer, Design Lead, or UI/UX Team Lead role, mentoring junior team members and guiding design strategy.

• Cross-functional Expansion: Develop skills in product management or technical consulting, leveraging design and implementation expertise.

• Continuous Learning: Access to professional training and development opportunities to stay at the forefront of UI/UX, AI, and web technologies.

📝 Enhancement Note: The role offers a solid foundation for growth within a technology-focused organization. The emphasis on AI and design systems provides opportunities to develop highly sought-after skills, paving a path towards leadership or specialized technical roles.

🌐 Work Environment

Office Type: Hybrid Work Environment. This implies a physical office space for collaborative work, complemented by remote work flexibility.

Office Location(s): Tampa, Florida, United States. The specific office location will be within Tampa.

Workspace Context:

• The office environment is designed to foster collaboration, likely featuring open workspaces, meeting rooms, and areas for focused work.

• Access to modern technology and design/development tools will be provided to support the team's "AI First" methodology.

Work Schedule:

• A standard 40-hour work week is expected, with 4 days in the office and Telework Fridays. This structure balances in-person collaboration with individual focus and flexibility.

📝 Enhancement Note: The hybrid model is designed to maximize collaboration and team cohesion on designated office days while offering the flexibility of remote work on others. This environment is conducive to focused design and development work, interspersed with team syncs and client interactions.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess foundational skills and experience. Expect a brief call to discuss your background and interest.

• Portfolio Review & Technical Interview: A deeper dive into your portfolio, focusing on design system examples, AI tool usage (Cursor), front-end implementation skills, and problem-solving approaches. This may include live coding exercises or a discussion of past projects.

• Design Challenge: A practical exercise, potentially involving wireframing, component design, or a small front-end implementation task, to evaluate your approach to design systems and AI-assisted workflows.

• Team/Cultural Fit Interview: Meeting with potential team members and leadership to assess collaboration style, communication skills, and alignment with the company's "Builder Mindset" and "AI First" values.

• Final Interview: Discussions with senior leadership to finalize the offer and discuss role expectations.

Portfolio Review Tips:

• Highlight AI Integration: Explicitly showcase how you've used AI tools like Cursor to improve your design or development process, quantifying the benefits (e.g., reduced time, increased consistency).

• Emphasize System Thinking: Clearly articulate your approach to building and maintaining design systems, providing examples of components, variants, and documentation.

• Showcase Code Proficiency: Include links to GitHub repositories or provide code snippets that demonstrate your front-end implementation skills.

• Detail Process & Impact: For each project, explain your role, the process followed, the challenges overcome, and the measurable outcomes or impact achieved.

• Client-Facing Examples: If possible, include examples of client work that demonstrate your ability to translate client needs into effective UI solutions and communicate effectively.

Challenge Preparation:

• Practice AI Tool Usage: Become proficient with Cursor or similar AI coding assistants to speed up tasks like code generation, debugging, and refactoring.

• Figma Mastery: Be ready to demonstrate advanced Figma techniques, including creating and managing complex component libraries.

• Responsive Design: Prepare to discuss and demonstrate how you ensure designs are responsive across various screen sizes and devices.

• Accessibility Fundamentals: Refresh your knowledge of WCAG guidelines and how to implement accessible UI patterns.

• Articulate Trade-offs: Be prepared to discuss the pros and cons of different design and technical approaches, especially in client scenarios.

📝 Enhancement Note: The application process emphasizes practical demonstration of skills, particularly in AI tool usage and design system implementation. Candidates should tailor their portfolio to directly address these requirements and prepare for hands-on evaluations.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: For wireframing, mockups, prototyping, and design system creation. Advanced proficiency in components, variants, auto layout, and libraries is expected.

• Cursor (or similar AI-assisted IDE): Essential for AI-first development, code generation, refactoring, and quality assurance.

• Frontend Code Editors: VS Code or similar, with strong understanding of relevant extensions for efficient development.

Analytics & Reporting:

• While not explicitly listed as a primary responsibility, understanding how to integrate UI with analytics platforms (e.g., Google Analytics, Amplitude) for user behavior tracking would be beneficial.

CRM & Automation:

• WordPress: For maintaining and enhancing existing client pages during the transition period. Familiarity with its theme and plugin architecture, and styling capabilities is valuable.

• Version Control: Git and platforms like GitHub/GitLab/Bitbucket for code management and collaboration.

• Frontend Frameworks: Familiarity with React and component-based systems is preferred, indicating potential use in future projects.

📝 Enhancement Note: The core technology stack revolves around Figma for design and Cursor for AI-assisted front-end development, with WordPress as a legacy system requiring maintenance. Familiarity with modern web stacks like React is a plus for future growth.

👥 Team Culture & Values

Operations Values:

• Builder Mindset: A commitment to actively building, shipping, and iterating on solutions, taking full ownership from concept to delivery.

• Systems Thinking: A focus on creating reusable patterns and scalable solutions to minimize redundancy and ensure consistency.

• AI First Operator: Proactively integrating AI tools into workflows to enhance throughput, quality, and efficiency in design and development.

• Quality Bar: A dedication to delivering polished, accessible, responsive, and reliable user experiences in real-world applications.

• Client Ready: Professionalism in client interactions, clear communication, ability to lead sessions, and transforming ambiguity into tangible, shippable outcomes.

Collaboration Style:

• Highly collaborative, with a strong emphasis on cross-functional teamwork between design and development.

• Open to feedback and iterative refinement of designs and code.

• Encourages knowledge sharing, particularly around best practices in design systems and AI-assisted workflows.

• A proactive approach to identifying and solving problems together, fostering a supportive team environment.

📝 Enhancement Note: The company culture is deeply rooted in a proactive, efficient, and quality-driven approach to digital product development, with AI integration as a key differentiator. Collaboration and a "get-it-done" attitude are paramount.

⚡ Challenges & Growth Opportunities

Challenges:

• Transition Management: Successfully migrating from WordPress to modern reusable UI systems while maintaining client satisfaction and service levels.

• AI Integration: Effectively leveraging AI tools like Cursor to enhance workflows without compromising quality or introducing new complexities.

• Balancing Design & Development: Juggling hands-on coding with design system oversight and client-facing responsibilities.

• Diverse Client Needs: Adapting design and implementation strategies to a variety of client brands and technical requirements.

Learning & Development Opportunities:

• Advanced AI Tooling: Gaining deep expertise in AI-assisted development workflows and emerging AI technologies for design and coding.

• Design System Mastery: Becoming a leader in design system architecture, implementation, and governance.

• Frontend Architecture: Expanding knowledge of modern frontend frameworks and best practices.

• Client Consulting: Developing skills in client communication, strategic design presentation, and project leadership.

• Formal Training: Access to professional training programs and potential for certifications relevant to design, development, or AI.

📝 Enhancement Note: This role presents an exciting opportunity to work at the intersection of design, development, and cutting-edge AI technology. The challenges are significant but offer substantial avenues for professional growth and skill development.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you used AI tools like Cursor to significantly accelerate a front-end development task. What was the outcome?" (Focus on specific examples, quantifiable results, and your process.)

• "Walk us through your process for building and maintaining a design system in Figma. How do you ensure its adoption and consistency across a team?" (Highlight system thinking, component strategy, and documentation practices.)

Company & Culture Questions:

• "What does the 'AI First Operator' value mean to you, and how have you applied similar principles in your work?" (Connect your experience to the company's core values.)

• "Describe your preferred collaboration style when working with developers and other designers." (Emphasize teamwork, communication, and a proactive approach.)

Portfolio Presentation Strategy:

• Structure: Organize your portfolio by project, with each project including a clear description of the challenge, your role, the process, the tools used (especially AI), and the impact.

• Visuals: Use high-quality mockups, interactive prototypes, and ideally, live links or screen recordings of your work.

• Code Samples: Be prepared to share GitHub links or code snippets that demonstrate your front-end proficiency.

• Narrative: Tell a compelling story for each project, emphasizing your problem-solving skills and the value you delivered. Clearly articulate how AI tools played a role.

• Conciseness: Be prepared to present your most relevant projects within the allotted time, focusing on those that best showcase your design system and AI integration skills.

📝 Enhancement Note: Preparation should focus on demonstrating practical application of AI tools, design system principles, and strong front-end skills. Candidates should be ready to articulate their thought processes and showcase tangible results.

📌 Application Steps

To apply for this Design Engineer, Web & UI Systems position:

• Submit your application through the provided Breezy HR link.

• Portfolio Customization: Tailor your portfolio to prominently feature your experience with AI-assisted development tools (like Cursor) and your work on design systems. Use case studies to illustrate your process and impact.

• Resume Optimization: Ensure your resume clearly highlights your proficiency in Figma, front-end development, and any experience with WordPress. Quantify achievements where possible and integrate keywords from the job description.

• Interview Preparation: Practice articulating your experience with AI tools, design systems, and client-facing scenarios. Be ready to discuss your approach to quality, accessibility, and responsive design.

• Company Research: Familiarize yourself with Presh Marketing Solutions' approach to client delivery and technology. Understand their focus on AI and design systems to align your responses with their values.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.