Project Type
Self-initialized
Credits
UX/UI Design / Yi-Ju Weng (me)
Graphics / Yi-Ju Weng (me)
Web & Copywriting / Yi-Ju Weng (me)
Raw data & Copywriting / Maggie Chen
Project Background
Background
My company decided to hold a fitness challenge to encourage employees to exercise.
Being passionate about health and wellness, I took the initiative to build a ranking website that would make the challenge more engaging and exciting.
Tools I used
Vibe-Coding
Iterate
Graphics & UI Components
Deployment & Hosting
Version Control & Repository
Design Process
01
I asked ChatGPT which free vibe-coding tools are the most useful.
02
I tested the same prompt across three selected AI tools to compare results.
03
Gemini generated the best results. Thus, I used it as the fundamental framework.
Final Outcome
Takeaways
Collaboration with AI
If there is a clear vision of how the website should look, working with AI as designers collaborate with developers (for example, by providing UI samples) will significantly increase efficiency.
If not, AI is a great source of inspiration.
Treat AI like a
junior developer.
Although AI codes faster than humans, its ability to understand intentions and the accuracy of UI is still not on par with humans. It creates bugs, too. Thus, it is better to expect trial and error while working with them.
