> Markdown version of [/jobs/ext/284797-contract-web-ui-ux-designer](https://www.wearedevelopers.com/jobs/ext/284797-contract-web-ui-ux-designer). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Contract Web UI/UX Designer - **Company:** PRO-PLAY GAMES LLC - **Location:** Miami, FL, United States (Remote available) - **Experience:** Experienced - **Contract:** Permanent contract - **Skills:** Webui, Next.js, Responsive Web Design, Web Usability, Website Builder, Website Wireframe, WordPress, Computer Gaming, ReactJS, Figma - **Published:** May 16, 2026 - **Apply:** https://www.indeed.com/viewjob?jk=7287769b597bb4cb ## About the Role Do you have experience in Web design?, The ideal candidate is a mid-level web UI/UX designer or experienced freelance designer with strong web design work and a practical understanding of how websites are built. You should be comfortable designing content-heavy websites with multiple audience types, clear conversion paths, and reusable page templates. Strong candidates will likely have experience with some combination of: * Event websites * Content-heavy websites * Case study pages * B2B service websites * Community or gaming-adjacent websites * Mobile-first responsive web design * Figma handoff for developers or internal implementation teams * Design systems or reusable component libraries * Media-heavy layouts using photography, video, galleries, or event recaps Experience with trading card games, competitive gaming, organized play, conventions, esports, or live events is a plus, but not required. Strong event, content, service, or community-focused web design experience is also highly relevant. Accessibility, SEO, and Usability ## Description The B2C side of the site should help players, attendees, vendors, and community members find the right information quickly. Event pages should be designed to support content such as: * Event name, date, location, and game/title * Registration CTA linking off-site to TopDeck.gg * Schedule * Prize information * Venue information * Hotel block * Vendors * Broadcast information * Side events * FAQ * Rules documents * Parking and travel information * Contact information Post-event report pages should be able to support: * Final standings * Top Cut results * Decklists * Player names * Metagame breakdowns * Photo galleries * VOD links * Winner interviews * Attendance numbers * Game stats * Downloadable reports * Sponsor or vendor recaps Design Direction We are looking for a design direction that feels: * Premium and professional * Competitive and high-energy * Community-first and welcoming * Esports/broadcast-inspired * Bold enough for a convention/event brand * Polished enough for publisher-facing services * Familiar with the culture of TCG events without feeling too niche or inaccessible Our current logo exists, but the brand system is loose. We are open to a full visual refresh while keeping the current logo and current color direction as the foundation. The existing colors should be expanded first and refined only where needed for polish, accessibility, contrast, or better web usability. The site will likely lean naturally dark because of the current color palette, but it still needs to feel readable, premium, and easy to navigate. Project Deliverables The primary deliverable is a website design package in Figma or a comparable professional design tool that our internal team can use to implement the site. Expected deliverables include: * Website UX direction and audience-path strategy * Homepage wireframe and high-fidelity design, * Interaction states where relevant, such as buttons, cards, navigation, forms, and mobile menus * Developer handoff notes for internal implementation * Lightweight starter brand guide The starter brand guide should include practical foundations such as: * Color palette * Typography * Button and link styles * Form styles * Card and content block styles * Icon or graphic treatment * Photography and event media direction * Basic logo usage guidance * UI component rules for consistency This is not intended to be a full brand identity overhaul. The starter guide should give our internal team and graphic designers a foundation we can continue expanding after the project. Implementation Notes We plan to implement the site in-house. The final platform may be WordPress with a page builder such as Elementor, or a React/Next.js build, depending on internal needs. This role is focused on design, UX, responsive layout, and handoff. Coding is not expected as part of the initial proposal. The designer should still understand practical web design constraints, responsive layouts, reusable components, and how to organize files so they can be implemented cleanly., The design should also support SEO-friendly page structure through clear headings, logical content hierarchy, reusable templates, scannable sections, and internal linking between event pages, service pages, case studies, galleries, and post-event reports. Clear navigation is a major priority. We want to avoid cluttered layouts, confusing dropdowns, and user flows that make it difficult for publishers, players, vendors, or attendees to find the right next step. Project Structure This is a project-based contract for the initial website rebuild and lightweight starter brand guide. We are looking to begin soon. Timeline will be finalized based on the agreed scope and selected proposal. The designer will primarily collaborate with the PPG Events marketing manager, who will also provide final approval on designs. Communication may happen through a combination of email, Slack, scheduled calls, and Figma comments. The role is fully remote, with a preference for candidates who can work reasonably close to Eastern Time. Why Work With Us? This is an opportunity to help shape the digital presence of a growing company in the live TCG event and organized play space. Your work will help us communicate with publisher partners, support competitive player communities, promote major events, showcase event results, and create a flexible design foundation that can continue to grow with future PPG Events projects. For the right designer, this first project may lead to future contract work around specific event landing pages and recurring website design updates., * Relevant examples of event websites, content-heavy websites, case study pages, or similar projects * A brief critique or recommendation based on our current website: ppgeventmanagement.com * Preferred design tools and process * Proposed approach to the project * Estimated timeline * Number of revision rounds included * Any assumptions or dependencies * References or testimonials, if available This is a project-based contract. Selected candidates will be asked to provide a proposal that includes scope, process, timeline, and cost to complete the project. ## Related Videos - [WeAreDevelopers LIVE - CSS is DOOMed](https://www.wearedevelopers.com/videos/1851-wearedevelopers-live-css-is-doomed) - [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis) - [GraphQL + Apollo + Next.js: A Lovely Trio](https://www.wearedevelopers.com/videos/311-graphql-apollo-next-js-a-lovely-trio) - [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap) - [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma) - [Designing the Future of Human<>Agent Collaboration](https://www.wearedevelopers.com/videos/1447-designing-the-future-of-human-agent-collaboration) ## Related Articles - [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025) - [Top 5 Web Design Trends for 2023](https://www.wearedevelopers.com/magazine/155-top-5-web-design-trends-for-2023) - [How Developers Can Focus on Maintaining Satisfaction With Accessibility](https://www.wearedevelopers.com/magazine/109-how-developers-can-focus-on-maintaining-satisfaction-with-accessibility) - [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front) - [Top 7 CSS Frameworks in 2025](https://www.wearedevelopers.com/magazine/362-top-7-css-frameworks-in-2025) - [Web Developer Portfolio Inspiration and Examples - March 2025](https://www.wearedevelopers.com/magazine/561-web-developer-portfolio-inspiration-and-examples-march-2025)