The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Website concept and redesign for Mad Props Marine, a marine service company in BC.
The goal was to take an outdated online presence and completely rethink how the business could look and feel online. I created a bolder, more modern direction that fits the marine industry while still making the site easy to navigate and actually useful for customers.
This project included the overall creative direction, website design, layout, mobile experience, service presentation and calls to action.
A good website shouldn't just look better. It should make the business look as good online as it actually is in real life.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
The mechanical dial standing in for the "2" is a clever way to make a stat feel tactile instead of just typographic. Nice restraint on the color palette too.
A few recent projects that made it out of Figma and into the browser 👀
The transition from that portrait hero into the stacked device mockups is smooth, curious how much of the three.js layer is custom versus a library like R3F.
Why does some text feel effortless, and some feel like a wall?
Same words, same order, same brand. All that changes is the size relationship between the lines, and the space between them. That alone decides whether the eye knows where to start.
01 - A real scale. The headline jumps, the body steps back, and the spacing tightens around what belongs together. Now the eye lands, skims, and reads in the right order.
Hierarchy isn't bigger fonts everywhere, it's a bigger gap between the levels, and a smaller one inside them.
02 - One size, one gap. Eyebrow, headline, and body sit at nearly the same size, spaced evenly apart. Tidy, but flat, nothing steps forward, so nothing says "read me first."
Be honest - do you use a type scale, or just size things until they look right?
92 voted
94%
6 voted
6%
98 votes
Closed
01 is perfect