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.

I write about doing less with technology, parenthood, working with creative and technical people, improv comedy, writing fiction, and woodworking.

Email me, check out my Micro Blog where I post photos and what I'm thinking, reading, or watching. Or read another post:



September 2018  2 posts

Improv101  ·  A Quiet Place

August 2018  2 posts

The Other Direction  ·  Blotmentions

July 2018  3 posts

Side Hustle Sprint  ·  Beep  ·  Minimal design

June 2018  1 post

Setting up Blot.im and micro.blog

April 2018  2 posts

blotter  ·  Time

March 2018  1 post

Minimal Digital

December 2017  1 post

Side Hustle

November 2017  1 post

The Art of 3D Modeling at Digital Portsmouth

October 2017  1 post

Panobook

September 2017  1 post

Leadership for Animators (and other creative people too)

August 2017  1 post

Gratitude

July 2017  4 posts

Drafts and Actions  ·  First things first  ·  100 years  ·  Lower than Erlich

March 2017  4 posts

I am not a minimalist  ·  Sips  ·  Carrd  ·  conservation

February 2017  7 posts

WTF per paragraph  ·  chimera  ·  Text Expansion is built into iOS  ·  Blot, aText & nvAlt  ·  Collusion  ·  Tsundoku  ·  A simpler way

January 2017  1 post

Streams

December 2016  2 posts

Don't compare your backstage to their onstage  ·  Ideas are cheap

September 2016  3 posts

Kid A, Owls, and perfect pens.  ·  I am uncomfortable, which is good.  ·  The perfect pen

August 2016  2 posts

Premortem  ·  Every 6 weeks

July 2016  3 posts

Mini-disconnects  ·  Get to know a furnace.  ·  Just the Facts

June 2016  4 posts

Dude, where’s my car?  ·  The Doodle  ·  Crazy  ·  Bones

February 2016  4 posts

Broken Records  ·  Little white numbers in little red circles  ·  Squirrel  ·  #Right Now

January 2016  2 posts

I loved arguing with my son about doing his homework Never Alone

December 2015  1 post

Mr. Oldman stands up and expands

November 2015  3 posts

Some notes on Agile Development  ·  Single Tasking and Spotlight  ·  Sacrifices

October 2015  1 post

My Leaf blower doesn’t have bluetooth

June 2015  1 post

#Digital Portsmouth, The Art of Video Games

April 2015  2 posts

A call from out of the blue Ask

September 2014  1 post

Talk

May 2014  1 post

Nerd Alert

August 2013  1 post

UX for Technical Artists

February 2013  1 post

Cliques and Tribes

January 2013  2 posts

Pay it Forward Trust

May 2012  1 post

Four Distractions

October 2011  1 post

The three things we need at work