An app on your home screen, and a site that finally looks like itself
Today was mostly about how TCG Marquee looks and feels, especially on a phone. I wrote up a design review of every page, with screenshots of what works and what doesn't, and then started working through it.
The fonts were never loading
This one surprised me. The site was designed around two fonts, Chakra Petch for headings and Figtree for everything else, and the font files were sitting on the server the whole time. But no page ever told the browser to load them, so everyone saw whatever font their device fell back to. Every page now loads them, and the site finally looks like the board and the share images do.
Prices also moved to Figtree. In Chakra Petch the decimal point is so small that "$6,892.10" could read as "$6,89210", which is the last thing you want on a price board.
Built for the phone
- A tab bar along the bottom. Wall, Collection, Account, and More are always one tap away. Before, the tabs wrapped into two rows and took up about a quarter of the screen before you saw anything.
- Wall settings live with the wall. Timing, brightness, night hours, the ticker, show mode, and your shop page are now right under the wall preview, so you can change something and see it right away. The old Settings tab is gone.
- Forms fit the screen. Fields are one column on phones, your email address isn't cut off anymore, and checkboxes are a size you can actually tap.
- Full screen works on iPhone. iPhones don't let web pages go full screen, so the button quietly did nothing. Now the wall fills the screen with a button to close it. Turn your phone sideways and it fills nearly all of it.
Add it to your home screen
TCG Marquee now installs like an app. On an iPhone, open the site in Safari, tap Share, then Add to Home Screen. It gets its own icon and opens full screen, without the browser around it. On Android, open Chrome's menu and choose Add to Home screen.
Share your wall
There's a new Share button under the wall preview. It turns the page you're looking at into an image of the glowing LED panel, sized for an Instagram post, a Story or TikTok, or Reddit and Discord, with an optional caption. On a phone it opens the normal share sheet so you can post it straight away.
Smaller fixes
- Undo when you remove a card. You get 8 seconds to change your mind.
- "Prices updated 3 hours ago" instead of a full date and time.
- The movers page was cutting off its last row behind the ticker. It now shows as many rows as fit.
- Beta testers can ask for the Apple TV app from their Account page. Send the email address of your Apple Account and you'll be added to the TestFlight beta.
Next up: the collection. Card pictures, a more compact list on phones, and filters that don't take over the whole screen.