Introduction
At AdCentral, I spearheaded the design and implementation of innovative solutions for digital menu systems, including templates for TV displays and promotional assets. My work bridged design, development, and cross-team collaboration, ensuring seamless integration between UI/UX design and HTML/CSS programming. By introducing dynamic and editable content, I enhanced the functionality of AdCentral's web app, enabling personalized and adaptable templates for both horizontal and vertical orientations. Additionally, I played a key role in leadership, coordinating with the video production team and managing project timelines. Leveraging advanced AI tools, such as ChatGPT, I also streamlined repetitive tasks, optimizing productivity and reducing coding time for assets and templates.
Vision and Innovation
The goal was to modernize digital signage workflows by automating processes, reducing errors, and enhancing design flexibility. Through a blend of UI/UX expertise, technical development, and AI-driven solutions, I created templates and components that were not only visually compelling but also editable directly within the platform. By leveraging tools like ChatGPT for Figma plugin development and custom JavaScript automation, I enabled dynamic customization, empowering end-users to make real-time updates to text and colors within their digital signage.
Key Contributions and Solutions
Dynamic and Editable TV Templates
Developed responsive templates for TV displays with HTML/CSS that allowed text and colors to be dynamically edited through AdCentral's web app.
Designed templates optimized for both horizontal and vertical orientations, ensuring adaptability across various screen configurations.
Figma Plugin Development with AI
Used ChatGPT to create Figma plugins that automated repetitive tasks, including converting static designs into functional HTML/CSS code, asset resizing, text box adjustments, and text content QA.
Streamlined the process of deploying designs for mainstream AdCentral content and pro clients like Main Squeeze Juice Co. and CPR Cell Phone Repair.
Reduced manual effort in design-to-code workflows, increasing productivity and efficiency.
Collaborative Video Integration
Coordinated with the video production team to create optimized assets for After Effects animations, standardizing templates and components for efficient replacement.
Ensured alignment between static and animated assets, reducing production times and enhancing team synergy.
UI/UX Design for Social Media and Email Marketing
Designed visually engaging assets for CPR Cell Phone Repair's social media platforms, as well as GIFs and graphics for AdCentral's email marketing campaigns.
Contributed to the design of a landing page for CPR's microsite focused on Keys & Fobs services.
Optimized Workflows and Data Management
Improved workflows for managing dynamic menus by organizing data through Google Sheets synchronization, ensuring error-free updates and location-specific customization.
Calendarized and streamlined the launch of monthly promotional templates, reducing turnaround times and minimizing errors.
Challenges Addressed
Static Design Limitations
Transformed static text into editable layers, enabling dynamic updates without requiring complete redesigns.
Customization Needs
Provided location-specific adaptability for pricing and ingredient variations in menus.
Cross-Team Communication
Bridged the gap between design and video production teams, aligning visual and functional requirements.
Error-Prone Processes
Automated workflows with AI and Figma plugins to minimize manual input errors and enhance efficiency.
