# Creating a LiveScore and Statistics App with Glide: Need UI Suggestions!

**URL:** <https://community.glideapps.com/t/creating-a-livescore-and-statistics-app-with-glide-need-ui-suggestions/65229>\
**Category:** Ask for Help\
**Created:** [August 21, 2023, 12:48am UTC](https://community.glideapps.com/t/creating-a-livescore-and-statistics-app-with-glide-need-ui-suggestions/65229 "2023-08-21T00:48:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![stefan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/stefan/32/33236_2.png) [@stefan](https://community.glideapps.com/u/stefan)\
**Post date:** [August 21, 2023, 12:48am UTC](https://community.glideapps.com/t/creating-a-livescore-and-statistics-app-with-glide-need-ui-suggestions/65229/1 "2023-08-21T00:48:19Z")

</div>

Hey Gliders!

I am excited to create a live score and statistics app with Glide, inspired by the UI of SofaScore. However, I’m finding it a bit challenging to replicate the desired UI using custom collections. Here’s what I’m aiming to achieve:

1. **MATCHES OVERVIEW**

2. **MATCH OVERVIEW**

3. **MATCH STATISTICS**

Here’s a basic structure of the data I’m working with:

```auto
id, date, country, league, home_team, ht_logo, ht_score, ht_shots, away_team, at_logo, at_score, at_shots

```

Does anyone have any suggestions or insights on how I can design a beautiful UI for the beautiful game using Glide? Any help or advice will be greatly appreciated!

Matches

 ![IMG_2647](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/b/1b16ac8778edfc0e4059bb6fc9afcd8c459f449b.jpeg)

Match

 ![IMG_2649](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/3/63de8adbc2fdfee4648b7d121001238f114d62e4.jpeg)

Statistics

 ![IMG_2648](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/5/455588b29b2b4edaa4d25b53ebbbfe99aa023bee.jpeg)

Cheers!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 21, 2023, 1:21am UTC](https://community.glideapps.com/t/creating-a-livescore-and-statistics-app-with-glide-need-ui-suggestions/65229/2 "2023-08-21T01:21:48Z")

</div>

I use FotMob, the UI isn’t that much different so I’m familiar with this. Glide’s native UI doesn’t allow something like that, so I would say this requires a lot of HTML customizing, but I wouldn’t recommend spending a lot of time on that. You would have a hard time making it look right on both mobile & desktop.

---

<div class="post-metadata">

**Author:** ![stefan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/stefan/32/33236_2.png) [@stefan](https://community.glideapps.com/u/stefan)\
**Post date:** [August 21, 2023, 3:03pm UTC](https://community.glideapps.com/t/creating-a-livescore-and-statistics-app-with-glide-need-ui-suggestions/65229/3 "2023-08-21T15:03:20Z")

</div>

Thank you for the insight! I’m familiar with FotMob as well and can see the similarities. It’s a bit disappointing to know that achieving such a UI natively with Glide might be challenging. However, I do appreciate the heads-up about the challenges with HTML customization across different devices.

Given this, do you or anyone else have suggestions for a more streamlined, yet still user-friendly UI approach? I’m open to simplifying things if it leads to a great user experience on Glide. **Any alternative design ideas or templates that might work well with my data structure would be greatly appreciated!**

Thanks again for your help!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 22, 2023, 1:12am UTC](https://community.glideapps.com/t/creating-a-livescore-and-statistics-app-with-glide-need-ui-suggestions/65229/4 "2023-08-22T01:12:47Z")

</div>

> [@stefan](#):
>
> Given this, do you or anyone else have suggestions for a more streamlined, yet still user-friendly UI approach? I’m open to simplifying things if it leads to a great user experience on Glide. **Any alternative design ideas or templates that might work well with my data structure would be greatly appreciated!**

I don’t have any templates, but the best customization should come with the custom collection layout, since you can put any components on it. I think if you still want to go ahead, that should be the way to go.
