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 cause I thought it would make it look good but I guess not.
21 Replies
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
the other thing you want to incorporate is some sort of visual interest that helps guide the viewers eye through the data
and since you are already using grid, you could also break these into individual 'cards'
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
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
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
a card might look a lot better here
one card for each item? so like 11 cards?
aaaand sold.
I'll do that.
I'll post the results after I'm done implementing it.
yes, with images and shit
so people have something to look at
This is what the final product looks like. Any thoughts? I'm not sure if I can make it look any better.
Maybe decrease the contrast on the text. It looks a bit too bright.
it looks a lot better than the list, doesn't it?
Also, thanks you 2 (:
yep. it does
i would try to add 1 more, because the bottom one looks lonely
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.
well, add one with ... something about personalized solutions or some bs like that
oh yea they are all BS anyway. generated using chatgpt.
if you think it is necessary
just added a couple more
nice
thanks again
you're welcome
no need to waste creativity on bs garbo to fill space
A carousel will be great.
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
yea I don't like carousel for that very reason.
even on mobile.
but mobile designs are seldom intersting to begin with. They are all very monotonous.
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.