Tong Zhao – button state: default – button size: 300x300px Tong Zhao – button state: default – button size: 500x500px Tong Zhao – button state: default – button size: 1000x1000px Tong Zhao – button state: default – button size: 300x300px Tong Zhao – button state: default – button size: 500x500px Tong Zhao – button state: default – button size: 1000x1000px
Tong Zhao – button state: over – button size: 300x300px Tong Zhao – button state: over – button size: 500x500px Tong Zhao – button state: over – button size: 1000x1000px Tong Zhao – button state: over – button size: 300x300px Tong Zhao – button state: over – button size: 500x500px Tong Zhao – button state: over – button size: 1000x1000px
Tong Zhao – button state: pressed – button size: 300x300px Tong Zhao – button state: pressed – button size: 500x500px Tong Zhao – button state: pressed – button size: 1000x1000px Tong Zhao – button state: pressed – button size: 300x300px Tong Zhao – button state: pressed – button size: 500x500px Tong Zhao – button state: pressed – button size: 1000x1000px
1st
Tong Zhao
Jian Zhang – button state: default – button size: 300x300px Jian Zhang – button state: default – button size: 500x500px Jian Zhang – button state: default – button size: 1000x1000px Jian Zhang – button state: default – button size: 300x300px Jian Zhang – button state: default – button size: 500x500px Jian Zhang – button state: default – button size: 1000x1000px
Jian Zhang – button state: over – button size: 300x300px Jian Zhang – button state: over – button size: 500x500px Jian Zhang – button state: over – button size: 1000x1000px Jian Zhang – button state: over – button size: 300x300px Jian Zhang – button state: over – button size: 500x500px Jian Zhang – button state: over – button size: 1000x1000px
Jian Zhang – button state: pressed – button size: 300x300px Jian Zhang – button state: pressed – button size: 500x500px Jian Zhang – button state: pressed – button size: 1000x1000px Jian Zhang – button state: pressed – button size: 300x300px Jian Zhang – button state: pressed – button size: 500x500px Jian Zhang – button state: pressed – button size: 1000x1000px
1st
Jian Zhang
Danna Golderbein – button state: default – button size: 300x300px Danna Golderbein – button state: default – button size: 500x500px Danna Golderbein – button state: default – button size: 1000x1000px Danna Golderbein – button state: default – button size: 300x300px Danna Golderbein – button state: default – button size: 500x500px Danna Golderbein – button state: default – button size: 1000x1000px
Danna Golderbein – button state: over – button size: 300x300px Danna Golderbein – button state: over – button size: 500x500px Danna Golderbein – button state: over – button size: 1000x1000px Danna Golderbein – button state: over – button size: 300x300px Danna Golderbein – button state: over – button size: 500x500px Danna Golderbein – button state: over – button size: 1000x1000px
Danna Golderbein – button state: pressed – button size: 300x300px Danna Golderbein – button state: pressed – button size: 500x500px Danna Golderbein – button state: pressed – button size: 1000x1000px Danna Golderbein – button state: pressed – button size: 300x300px Danna Golderbein – button state: pressed – button size: 500x500px Danna Golderbein – button state: pressed – button size: 1000x1000px
1st
Danna Golderbein
Siyu Chen – button state: default – button size: 300x300px Siyu Chen – button state: default – button size: 500x500px Siyu Chen – button state: default – button size: 1000x1000px Siyu Chen – button state: default – button size: 300x300px Siyu Chen – button state: default – button size: 500x500px Siyu Chen – button state: default – button size: 1000x1000px
Siyu Chen – button state: over – button size: 300x300px Siyu Chen – button state: over – button size: 500x500px Siyu Chen – button state: over – button size: 1000x1000px Siyu Chen – button state: over – button size: 300x300px Siyu Chen – button state: over – button size: 500x500px Siyu Chen – button state: over – button size: 1000x1000px
Siyu Chen – button state: pressed – button size: 300x300px Siyu Chen – button state: pressed – button size: 500x500px Siyu Chen – button state: pressed – button size: 1000x1000px Siyu Chen – button state: pressed – button size: 300x300px Siyu Chen – button state: pressed – button size: 500x500px Siyu Chen – button state: pressed – button size: 1000x1000px
1st
Siyu Chen
Buket Dilek – button state: default – button size: 300x300px Buket Dilek – button state: default – button size: 500x500px Buket Dilek – button state: default – button size: 1000x1000px Buket Dilek – button state: default – button size: 300x300px Buket Dilek – button state: default – button size: 500x500px Buket Dilek – button state: default – button size: 1000x1000px
Buket Dilek – button state: over – button size: 300x300px Buket Dilek – button state: over – button size: 500x500px Buket Dilek – button state: over – button size: 1000x1000px Buket Dilek – button state: over – button size: 300x300px Buket Dilek – button state: over – button size: 500x500px Buket Dilek – button state: over – button size: 1000x1000px
Buket Dilek – button state: pressed – button size: 300x300px Buket Dilek – button state: pressed – button size: 500x500px Buket Dilek – button state: pressed – button size: 1000x1000px Buket Dilek – button state: pressed – button size: 300x300px Buket Dilek – button state: pressed – button size: 500x500px Buket Dilek – button state: pressed – button size: 1000x1000px
1st
Buket Dilek
Antonia Böhmer – button state: default – button size: 300x300px Antonia Böhmer – button state: default – button size: 500x500px Antonia Böhmer – button state: default – button size: 1000x1000px Antonia Böhmer – button state: default – button size: 300x300px Antonia Böhmer – button state: default – button size: 500x500px Antonia Böhmer – button state: default – button size: 1000x1000px
Antonia Böhmer – button state: over – button size: 300x300px Antonia Böhmer – button state: over – button size: 500x500px Antonia Böhmer – button state: over – button size: 1000x1000px Antonia Böhmer – button state: over – button size: 300x300px Antonia Böhmer – button state: over – button size: 500x500px Antonia Böhmer – button state: over – button size: 1000x1000px
Antonia Böhmer – button state: pressed – button size: 300x300px Antonia Böhmer – button state: pressed – button size: 500x500px Antonia Böhmer – button state: pressed – button size: 1000x1000px Antonia Böhmer – button state: pressed – button size: 300x300px Antonia Böhmer – button state: pressed – button size: 500x500px Antonia Böhmer – button state: pressed – button size: 1000x1000px
1st
Antonia Böhmer
Xiyu Deng – button state: default – button size: 300x300px Xiyu Deng – button state: default – button size: 500x500px Xiyu Deng – button state: default – button size: 1000x1000px Xiyu Deng – button state: default – button size: 300x300px Xiyu Deng – button state: default – button size: 500x500px Xiyu Deng – button state: default – button size: 1000x1000px
Xiyu Deng – button state: over – button size: 300x300px Xiyu Deng – button state: over – button size: 500x500px Xiyu Deng – button state: over – button size: 1000x1000px Xiyu Deng – button state: over – button size: 300x300px Xiyu Deng – button state: over – button size: 500x500px Xiyu Deng – button state: over – button size: 1000x1000px
Xiyu Deng – button state: pressed – button size: 300x300px Xiyu Deng – button state: pressed – button size: 500x500px Xiyu Deng – button state: pressed – button size: 1000x1000px Xiyu Deng – button state: pressed – button size: 300x300px Xiyu Deng – button state: pressed – button size: 500x500px Xiyu Deng – button state: pressed – button size: 1000x1000px
1st
Xiyu Deng
Julia Berger – button state: default – button size: 300x300px Julia Berger – button state: default – button size: 500x500px Julia Berger – button state: default – button size: 1000x1000px Julia Berger – button state: default – button size: 300x300px Julia Berger – button state: default – button size: 500x500px Julia Berger – button state: default – button size: 1000x1000px
Julia Berger – button state: over – button size: 300x300px Julia Berger – button state: over – button size: 500x500px Julia Berger – button state: over – button size: 1000x1000px Julia Berger – button state: over – button size: 300x300px Julia Berger – button state: over – button size: 500x500px Julia Berger – button state: over – button size: 1000x1000px
Julia Berger – button state: pressed – button size: 300x300px Julia Berger – button state: pressed – button size: 500x500px Julia Berger – button state: pressed – button size: 1000x1000px Julia Berger – button state: pressed – button size: 300x300px Julia Berger – button state: pressed – button size: 500x500px Julia Berger – button state: pressed – button size: 1000x1000px
1st
Julia Berger
Til Wassenich – button state: default – button size: 300x300px Til Wassenich – button state: default – button size: 500x500px Til Wassenich – button state: default – button size: 1000x1000px Til Wassenich – button state: default – button size: 300x300px Til Wassenich – button state: default – button size: 500x500px Til Wassenich – button state: default – button size: 1000x1000px
Til Wassenich – button state: over – button size: 300x300px Til Wassenich – button state: over – button size: 500x500px Til Wassenich – button state: over – button size: 1000x1000px Til Wassenich – button state: over – button size: 300x300px Til Wassenich – button state: over – button size: 500x500px Til Wassenich – button state: over – button size: 1000x1000px
Til Wassenich – button state: pressed – button size: 300x300px Til Wassenich – button state: pressed – button size: 500x500px Til Wassenich – button state: pressed – button size: 1000x1000px Til Wassenich – button state: pressed – button size: 300x300px Til Wassenich – button state: pressed – button size: 500x500px Til Wassenich – button state: pressed – button size: 1000x1000px
1st
Til Wassenich
Tianhao Zhu – button state: default – button size: 300x300px Tianhao Zhu – button state: default – button size: 500x500px Tianhao Zhu – button state: default – button size: 1000x1000px Tianhao Zhu – button state: default – button size: 300x300px Tianhao Zhu – button state: default – button size: 500x500px Tianhao Zhu – button state: default – button size: 1000x1000px
Tianhao Zhu – button state: over – button size: 300x300px Tianhao Zhu – button state: over – button size: 500x500px Tianhao Zhu – button state: over – button size: 1000x1000px Tianhao Zhu – button state: over – button size: 300x300px Tianhao Zhu – button state: over – button size: 500x500px Tianhao Zhu – button state: over – button size: 1000x1000px
Tianhao Zhu – button state: pressed – button size: 300x300px Tianhao Zhu – button state: pressed – button size: 500x500px Tianhao Zhu – button state: pressed – button size: 1000x1000px Tianhao Zhu – button state: pressed – button size: 300x300px Tianhao Zhu – button state: pressed – button size: 500x500px Tianhao Zhu – button state: pressed – button size: 1000x1000px
1st
Tianhao Zhu
Janett Silva Domingues – button state: default – button size: 300x300px Janett Silva Domingues – button state: default – button size: 500x500px Janett Silva Domingues – button state: default – button size: 1000x1000px Janett Silva Domingues – button state: default – button size: 300x300px Janett Silva Domingues – button state: default – button size: 500x500px Janett Silva Domingues – button state: default – button size: 1000x1000px
Janett Silva Domingues – button state: over – button size: 300x300px Janett Silva Domingues – button state: over – button size: 500x500px Janett Silva Domingues – button state: over – button size: 1000x1000px Janett Silva Domingues – button state: over – button size: 300x300px Janett Silva Domingues – button state: over – button size: 500x500px Janett Silva Domingues – button state: over – button size: 1000x1000px
Janett Silva Domingues – button state: pressed – button size: 300x300px Janett Silva Domingues – button state: pressed – button size: 500x500px Janett Silva Domingues – button state: pressed – button size: 1000x1000px Janett Silva Domingues – button state: pressed – button size: 300x300px Janett Silva Domingues – button state: pressed – button size: 500x500px Janett Silva Domingues – button state: pressed – button size: 1000x1000px
1st
Janett Silva Domingues
Zongru Yang – button state: default – button size: 300x300px Zongru Yang – button state: default – button size: 500x500px Zongru Yang – button state: default – button size: 1000x1000px Zongru Yang – button state: default – button size: 300x300px Zongru Yang – button state: default – button size: 500x500px Zongru Yang – button state: default – button size: 1000x1000px
Zongru Yang – button state: over – button size: 300x300px Zongru Yang – button state: over – button size: 500x500px Zongru Yang – button state: over – button size: 1000x1000px Zongru Yang – button state: over – button size: 300x300px Zongru Yang – button state: over – button size: 500x500px Zongru Yang – button state: over – button size: 1000x1000px
Zongru Yang – button state: pressed – button size: 300x300px Zongru Yang – button state: pressed – button size: 500x500px Zongru Yang – button state: pressed – button size: 1000x1000px Zongru Yang – button state: pressed – button size: 300x300px Zongru Yang – button state: pressed – button size: 500x500px Zongru Yang – button state: pressed – button size: 1000x1000px
1st
Zongru Yang
Yuren Hong – button state: default – button size: 300x300px Yuren Hong – button state: default – button size: 500x500px Yuren Hong – button state: default – button size: 1000x1000px Yuren Hong – button state: default – button size: 300x300px Yuren Hong – button state: default – button size: 500x500px Yuren Hong – button state: default – button size: 1000x1000px
Yuren Hong – button state: over – button size: 300x300px Yuren Hong – button state: over – button size: 500x500px Yuren Hong – button state: over – button size: 1000x1000px Yuren Hong – button state: over – button size: 300x300px Yuren Hong – button state: over – button size: 500x500px Yuren Hong – button state: over – button size: 1000x1000px
Yuren Hong – button state: pressed – button size: 300x300px Yuren Hong – button state: pressed – button size: 500x500px Yuren Hong – button state: pressed – button size: 1000x1000px Yuren Hong – button state: pressed – button size: 300x300px Yuren Hong – button state: pressed – button size: 500x500px Yuren Hong – button state: pressed – button size: 1000x1000px
1st
Yuren Hong
Amina Quahaalou – button state: default – button size: 300x300px Amina Quahaalou – button state: default – button size: 500x500px Amina Quahaalou – button state: default – button size: 1000x1000px Amina Quahaalou – button state: default – button size: 300x300px Amina Quahaalou – button state: default – button size: 500x500px Amina Quahaalou – button state: default – button size: 1000x1000px
Amina Quahaalou – button state: over – button size: 300x300px Amina Quahaalou – button state: over – button size: 500x500px Amina Quahaalou – button state: over – button size: 1000x1000px Amina Quahaalou – button state: over – button size: 300x300px Amina Quahaalou – button state: over – button size: 500x500px Amina Quahaalou – button state: over – button size: 1000x1000px
Amina Quahaalou – button state: pressed – button size: 300x300px Amina Quahaalou – button state: pressed – button size: 500x500px Amina Quahaalou – button state: pressed – button size: 1000x1000px Amina Quahaalou – button state: pressed – button size: 300x300px Amina Quahaalou – button state: pressed – button size: 500x500px Amina Quahaalou – button state: pressed – button size: 1000x1000px
1st
Amina Quahaalou
Sarah Khalil – button state: default – button size: 300x300px Sarah Khalil – button state: default – button size: 500x500px Sarah Khalil – button state: default – button size: 1000x1000px Sarah Khalil – button state: default – button size: 300x300px Sarah Khalil – button state: default – button size: 500x500px Sarah Khalil – button state: default – button size: 1000x1000px
Sarah Khalil – button state: over – button size: 300x300px Sarah Khalil – button state: over – button size: 500x500px Sarah Khalil – button state: over – button size: 1000x1000px Sarah Khalil – button state: over – button size: 300x300px Sarah Khalil – button state: over – button size: 500x500px Sarah Khalil – button state: over – button size: 1000x1000px
Sarah Khalil – button state: pressed – button size: 300x300px Sarah Khalil – button state: pressed – button size: 500x500px Sarah Khalil – button state: pressed – button size: 1000x1000px Sarah Khalil – button state: pressed – button size: 300x300px Sarah Khalil – button state: pressed – button size: 500x500px Sarah Khalil – button state: pressed – button size: 1000x1000px
1st
Sarah Khalil
3
2
1

Choose your winner!
选择您的胜者！

Winner

胜利者

Standings 排名
Wins 胜利
1st
Tong Zhao
12
1st
Jian Zhang
47
1st
Danna Golderbein
30
1st
Siyu Chen
47
1st
Buket Dilek
27
1st
Antonia Böhmer
27
1st
Xiyu Deng
40
1st
Julia Berger
38
1st
Til Wassenich
34
1st
Tianhao Zhu
30
1st
Janett Silva Domingues
23
1st
Zongru Yang
35
1st
Yuren Hong
16
1st
Amina Quahaalou
32
1st
Sarah Khalil
20

The Button League is an experimental competition environment for UX/UI design concepts by students from the ‘Advanced UX/UI Design’ course, summer semester 2025 at HBK Essen. Choose your winner!
按钮联赛 是 HBK Essen 2025 年夏季学期 “UX/UI设计 ”课程学生的UX/UI设计概念的实验性竞赛。 选择您的胜者！

Participants:
参与者：

Amina Quahaalou, Antonia Böhmer, Buket Dilek, Danna Golderbein, Janett Silva Domingues, Jian Zhang, Julia Berger, Sarah Khalil, Siyu Chen, Tianhao Zhu, Til Wassenich, Tong Zhao, Xiyu Deng, Yuren Hong, Zongru Yang.

Supervised by Albert Naasner.
由 Albert Naasner监督。

Legal noticePrivacy policy