{"id":230,"date":"2025-11-07T19:59:48","date_gmt":"2025-11-08T01:59:48","guid":{"rendered":"https:\/\/wylfing.net\/portfolio\/?page_id=230"},"modified":"2025-11-07T20:31:48","modified_gmt":"2025-11-08T02:31:48","slug":"player-muster","status":"publish","type":"page","link":"https:\/\/wylfing.net\/portfolio\/main-page\/player-muster\/","title":{"rendered":"Player Muster"},"content":{"rendered":"\n<p>A pickleball group asked me to design a logo for the team and also to design a way for them to reserve courts based on how many people signed up. Each court had a leader requirement &#8211; the leader was tasked with reserving the actual court for the team they were on.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/tcpsc-banner-1024x499.png\" alt=\"\" class=\"wp-image-243\" style=\"width:500px\" srcset=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/tcpsc-banner-1024x499.png 1024w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/tcpsc-banner-300x146.png 300w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/tcpsc-banner-768x374.png 768w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/tcpsc-banner-924x450.png 924w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/tcpsc-banner-671x327.png 671w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/tcpsc-banner.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>The first challenge was to create a logo for the group. I went with a green motif to express the idea of a &#8220;tennis club,&#8221; and chose fonts and designs to match that ideal.<\/p>\n\n\n\n<p>The users also wanted only to interact with the app from their phones, so I chose a mobile-first design approach. The existing games are listed in easy-to-read cards with actionable carets to the right.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"1024\" src=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Home-473x1024.jpg\" alt=\"\" class=\"wp-image-249\" style=\"width:500px\" srcset=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Home-473x1024.jpg 473w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Home-139x300.jpg 139w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Home-768x1662.jpg 768w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Home-710x1536.jpg 710w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Home-671x1452.jpg 671w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Home.jpg 780w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Adding a new game is a simple validated form that slides up from the bottom of the screen. The &#8220;Save&#8221; button becomes active when the user fills in all the needed details. I thought it would be a nice add-on to allow the user to add themselves as the first player in the group. After tapping &#8220;Save&#8221; the user goes back to the home screen with a new card on the list.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"1024\" src=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Add-New-Game-473x1024.jpg\" alt=\"\" class=\"wp-image-247\" style=\"width:500px\" srcset=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Add-New-Game-473x1024.jpg 473w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Add-New-Game-139x300.jpg 139w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Add-New-Game-768x1662.jpg 768w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Add-New-Game-710x1536.jpg 710w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Add-New-Game-671x1452.jpg 671w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Add-New-Game.jpg 780w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Tapping one of the existing games on the home screen slides the &#8220;join&#8221; screen from the right. Existing players and open spots are shown. Typing a new name in the &#8220;Sign up&#8221; box instantly adds that player&#8217;s name on this screen &#8211; allowing for spouses, partners, etc. to sign up multiple people at the same time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"1024\" src=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Game-Detail-473x1024.jpg\" alt=\"\" class=\"wp-image-248\" style=\"width:500px\" srcset=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Game-Detail-473x1024.jpg 473w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Game-Detail-139x300.jpg 139w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Game-Detail-768x1662.jpg 768w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Game-Detail-710x1536.jpg 710w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Game-Detail-671x1452.jpg 671w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/11\/TCPSC-Game-Detail.jpg 780w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A pickleball group asked me to design a logo for the team and also to design a way for them to reserve courts based on how many people signed up. Each court had a leader requirement &#8211; the leader was tasked with reserving the actual court for the team they were on. The first challenge [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-230","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":11,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages\/230\/revisions"}],"predecessor-version":[{"id":258,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages\/230\/revisions\/258"}],"up":[{"embeddable":true,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages\/10"}],"wp:attachment":[{"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/media?parent=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}