Carrd

Carrd is the fastest and simplest way to make a great website. I’ve tried everything, and this tool is just the best.

The creator, AJ calls it a free platform for building simple, fully responsive one-page sites for pretty much anything.”

If you’re looking to standup a one pager for a resume, portfolio, an About or Now page, this is the tool for you.

This is a pretty good overview of the tool:

The danger of any tool and system is that the output can be generic. I think Carrd is the most full featured and best designed tool out there, and it’s flexible enough to avoid sites looking alike.

So, I made a quick demo to explore how to make unconventional” sites.

Brutalism

There’s a trend going around called Brutalist Web design. It’s a reaction to the heavy, slick media rich (and environmentally unfriendly) websites that are popular these days. See that link for examples, or the Brutalism tag at One Page Love. For some great examples of one pagers that are a little more mainstream, check out the main page of One Page Love.

I’m demoing how to use carrd to make something very text heavy, with no images, and just a few links. I think I spent more time deleting elements than adjusting them, but that’s because of the design I had in mind. Think wall of text type of a website here, like my main site chadmoore.net.

Here’s the demo:

Note: I used some text expansion to generate the lorem ipsum.

Design tips

I am by no means a visual designer, but I’ve picked up a couple tips and tricks from 20 years working with talented designers. These are boiled down and simple steps, not fully explored design mantras. If you’re looking to be quick and good, I recommend the following.

Fonts

No more than two is good (headline and body). Using just one is even better, as it keeps it simple and reduces load times. As for sizing, make each size down 75% of the larger size. So if your H1 font size is 3em, your body size should be 2.25em, for example.

Colors

3 colors and a gray, maximum. If you aren’t sure about colors schemes, these are great resources.

  1. Color.adobe.com is an interactive color wheel. Try picking that one color you love, and looking at the Color Rules to find great combos.
  2. Get design advice via crowdsourcing at Color Lovers. That link shows the most loved color pallets this week. The community at Color Lovers submits and votes on their favorite color combos. Pick one you like, grab the hex or rgb and plug it into the options at Carrd.

I know as much about color theory as an ant understands a bicycle, so you might want to do some research as to what emotions the colors of your website will invoke in your visitors.

Images

Unsplash is a great resource for high quality images. Resize and compress the images and always give credit. You don’t need photoshop or other heavy photo manipulation software. There are online tools, and if you are friendly with the mac terminal (or want to be) check out the sips command.

Sustainability

My colleague James Christie runs SustainableUX. He’s a great thinker on how designers can reduce their carbon footprint and improve the UX of a website. Here’s his latest article which can help you in your design decisions.

Help

I can help you get up and running, if you’d like. Send me an email to talk it over.

Posted on 3/6/2017





Where the Light Gathers is a blog by Chad Moore. Email me, check out my Micro Blog or read another post:

2018
July
· Minimal design
June
· Setting up Blot.im and micro.blog
April
· blotter
· Time
March
· Minimal Digital

2017
December
· Side Hustle
November
· The Art of 3D Modeling at Digital Portsmouth
October
· Panobook
September
· Leadership for Animators (and other creative people too)
August
· Gratitude
July
· Drafts and Actions
· First things first
· 100 years
· Lower than Erlich
March
· I am not a minimalist
· Sips
· Carrd
· conservation
February
· WTF per paragraph
· chimera
· Text Expansion is built into iOS
· Blot, aText & nvAlt
· Collusion
· Tsundoku
· A simpler way
January
· Streams

2016
December
· Don't compare your backstage to their onstage
· Ideas are cheap
September
· Kid A, Owls, and perfect pens.
· I am uncomfortable, which is good.
· The perfect pen
August
· Premortem
· Every 6 weeks
July
· Mini-disconnects
· Get to know a furnace.
· Just the Facts
June
· Dude, where’s my car?
· The Doodle
· Crazy
· Bones
February
· Broken Records
· Little white numbers in little red circles
· Squirrel
· Right Now
January
· I loved arguing with my son about doing his homework
· Never Alone

2015
December
· Mr. Oldman stands up and expands
November
· Some notes on Agile Development
· Single Tasking and Spotlight
· Sacrifices
October
· My Leaf blower doesn’t have bluetooth
June
· Digital Portsmouth, The Art of Video Games
April
· A call from out of the blue
· Ask

2014
September
· Talk
May
· Nerd Alert

2013
August
· UX for Technical Artists
February
· Cliques and Tribes
January
· Pay it Forward
· Trust

2012
May
· Four Distractions

2011
October
· The three things we need at work