4 ms·
I've started building a few side projects and experienced the same frustration. I'll use one of my recent projects as an example. Here's the first version of t
by ploggingdev 9y ago
I've started building a few side projects and experienced the same frustration.
I'll use one of my recent projects as an example. Here's the first version of the landing page : https://imgur.com/a/BDNgl https://imgur.com/a/BDNgl and here's the current landing page : https://www.hostedcomments.com/ https://www.hostedcomments.com/
Even though the current version could be improved significantly, I graduated from receiving comments such as "The current one doesn't motivate me to continue, even less to buy from you" to being somewhat acceptable.
Here's what works for me : I used bootstrap but tweaked the colours of the default buttons, the colour of the navbar and footer and it made a world of difference. The default bootstrap colour scheme is pretty ordinary and the examples feel like they are literally designed to expose people like me, who just use the default bootstrap colour scheme and example code snippets and end up with a terrible design. As an example, the default navbar has rounded corners and a simple addition of the navbar-static-top class makes the navbar look significantly better.
Regarding UX, keep things as straightforward as possible. Cut out all the bullshit and fluff to deliver a flow that's natural to new users. You will need to talk to users to figure out what works and what doesn't. It's also a good idea to have helpful tooltips in areas where users can potentially have trouble understanding the flow.
In general use screenshots/gifs/videos liberally, especially on the landing page. They work pretty well.
- jnbiche 9y agoI think your advice on page flow in good. Here's a couple of additional ideas that could help your current page: 1) increase the left and right margins for your nav menu to match the margins of your other page elements, like the price menu. 2) Change the color of the card icons, making them all the same color. 3) Use a palette maker like http://paletton.com http://paletton.com or pre-set palettes like from http://www.colourlovers.com/ http://www.colourlovers.com/ But next one is important! 4) For UX/UI beginners, USE AS FEW COLORS AS POSSIBLE. Maybe even just one accent colors along with several shades of blacks or greys. Maybe then use colourlovers or paletton to help add one additional color and ask for input. The number one mistake I see backend devs making when they make frontend sites is using lots of different colors that don't work together (btw, even very talented designers usually use no more than 2-3 colors along with various shades of white/grey/black).