Wallpaper Generator
Web tool to create personalized calendars of Tottenham Hotspur's upcoming games.
- Role
- UX
- UI Design
- Frontend Development
- Tech
- Svelte
- Netlify
- Sketch
Details
Some members of the r/coys community create custom desktop and mobile wallpapers featuring the games of an upcoming month. I started making a few myself but found the process tedious and error-prone. To solve this, I designed and built a web tool using Svelte to automate wallpaper creation.
The process began with sketching ideas and fine-tuning the design in Sketch. Knowing the tool would require maintainable, organized code, I considered multiple frameworks. While I almost chose Vue, I decided on Svelte after going through its tutorial and appreciating how it uses HTML, CSS, and JS to create highly performant components. I loved developing the app with Svelte and had fun using some creative code patterns to put the calendar together, specifically.
The final tool offers an intuitive interface, enabling people to select styles, colors, and formats for their wallpapers. It was designed to be:
- Easy to use, even for non-technical users.
- Fun and interactive, encouraging creativity.
- Scalable, handling numerous requests without manual intervention.
The tool became a hit! I've received tips on Ko-fi and messages from people sharing photos of their workspaces with their custom wallpapers on their monitors. Seeing the tool bring joy and utility to the community has been incredibly rewarding.
r/coys is the Reddit community for Tottenham Hotspur, a team in London that plays in the Premier League.
