How do I make a single column table look good?

I have a list of services that I want to show but I can't think of a nice looking way to show it. Any ideas? I just want a pleasant looking way of showing this data.

It doesn't have to be a table or even a vertical list. I am using a grid here. I added another column

S.No

S.No

cause I thought it would make it look good but I guess not.

ghostmonkey•6/3/24, 7:04 AM

what I would do here, is to break this up a lot. Very few people will take the time to read through a numbered list of 11 items, even if each one is only 1 word

ghostmonkey•6/3/24, 7:05 AM

the other thing you want to incorporate is some sort of visual interest that helps guide the viewers eye through the data

ghostmonkey•6/3/24, 7:06 AM

and since you are already using grid, you could also break these into individual 'cards'

ghostmonkey•6/3/24, 7:07 AM

so for instance, you could take the top 3 services that you want people to see, and make each of them their own grid card that is pretty big, add an icon, short description of what the service provides, and then a link to more info

ghostmonkey•6/3/24, 7:08 AM

and for the rest of the services, you could just have them with icons and separated into smaller groups or individual cards. Maybe if the user selects one, it can expand to be a big card

ghostmonkey•6/3/24, 7:08 AM

there are a lot of options beyond that too. you could just do a carousel instead of a list, or ticker/slider style animation if you want to start getting really designy

Ἔ

ἔρως•6/3/24, 10:38 AM

a card might look a lot better here

Ἔἔρως a card might look a lot better here

nookayiseeOP•6/3/24, 11:00 AM

one card for each item? so like 11 cards?

Gghostmonkey so for instance, you could take the top 3 services that you want people to see, ...

nookayiseeOP•6/3/24, 11:02 AM

aaaand sold.

nookayiseeOP•6/3/24, 11:02 AM

I'll do that.

nookayiseeOP•6/3/24, 11:02 AM

I'll post the results after I'm done implementing it.

Nnookayisee one card for each item? so like 11 cards?

Ἔ

ἔρως•6/3/24, 2:24 PM

yes, with images and shit

Ἔ

ἔρως•6/3/24, 2:24 PM

so people have something to look at

nookayiseeOP•6/6/24, 6:24 PM

This is what the final product looks like. Any thoughts? I'm not sure if I can make it look any better.

nookayiseeOP•6/6/24, 6:24 PM

Maybe decrease the contrast on the text. It looks a bit too bright.

Ἔ

ἔρως•6/6/24, 6:26 PM

it looks a lot better than the list, doesn't it?

nookayiseeOP•6/6/24, 6:26 PM

Also, thanks you 2 (:

Ἔἔρως it looks a lot better than the list, doesn't it?

nookayiseeOP•6/6/24, 6:26 PM

yep. it does

Ἔ

ἔρως•6/6/24, 6:27 PM

i would try to add 1 more, because the bottom one looks lonely

Ἔἔρως i would try to add 1 more, because the bottom one looks lonely

nookayiseeOP•6/6/24, 6:31 PM

lol.
I'm actually using flex box for responsiveness so the cards are fluid. On bigger screens there are two cards in the last row and 1 on mobile.

Ἔ

ἔρως•6/6/24, 6:33 PM

well, add one with ... something about personalized solutions or some bs like that

Ἔἔρως well, add one with ... something about personalized solutions or some bs like th...

nookayiseeOP•6/6/24, 6:35 PM

oh yea they are all BS anyway. generated using chatgpt.

Ἔ

ἔρως•6/6/24, 6:35 PM

if you think it is necessary

nookayiseeOP•6/6/24, 6:35 PM

just added a couple more

Ἔ

ἔρως•6/6/24, 6:35 PM

nice

nookayiseeOP•6/6/24, 6:35 PM

thanks again

Ἔ

ἔρως•6/6/24, 6:36 PM

you're welcome

Nnookayisee oh yea they are all BS anyway. generated using chatgpt.

Ἔ

ἔρως•6/6/24, 6:36 PM

no need to waste creativity on bs garbo to fill space

Nnookayisee This is what the final product looks like. Any thoughts? I'm not sure if I can m...

Buggy Bug World•6/17/24, 10:14 PM

A carousel will be great.

BBuggy Bug World A carousel will be great.

vince•6/18/24, 4:28 PM

Hopping onto this a bit late, but I kind of like it without the carousel. Carousel engagement rates are pretty low from what I've read, and I think having it listed out in 1 view makes it easier to skim and see what they offer.

I would add a carousel for mobile though as I wouldn't want the user to scroll through 4 screens worth of cards

Vvince Hopping onto this a bit late, but I kind of like it without the carousel. Carous...

nookayiseeOP•6/21/24, 12:17 PM

yea I don't like carousel for that very reason.

nookayiseeOP•6/21/24, 12:17 PM

even on mobile.

nookayiseeOP•6/21/24, 12:18 PM

but mobile designs are seldom intersting to begin with. They are all very monotonous.

Nnookayisee This is what the final product looks like. Any thoughts? I'm not sure if I can m...

Pxlskee•6/22/24, 11:48 AM

It would be easier to read if you use the grid and place it in columns. Now every 'card' has different sizing and they are all aligned to the center. I would also increase the distance between the icon and the text + I feel like photo backgrounds are a little too much in this scenario.