Skip to content

How to make a website in 5 minutes · Medical Students Making an App - Episode 3

2017-07-31 · Long video (solo, talking head or whiteboard) · Ali · recording, 4:46 · watch on YouTube

Topic: Business and entrepreneurship (also: Tools, apps and tech) · mode: Explanation and tutorial · tags: His own products discussed, Aimed at students

Ali builds a one-page landing page for Cut and Paste on Carrd in about five minutes, with colours from Flat UI Colors and an icon from Flaticon, links it to Mailchimp and the cutandpaste.ac domain, and argues a new project's first website should be quick and simple because the product matters more.

What is said

The parts of the video and what is said in each (★ — how much it matters to the video).

00:00:00 — Why a landing page is all Cut and Paste needs for now; Carrd as the builder

  • ★★ For Cut and Paste, Ali and Ben's surgical logbook app, Ali builds only a landing page at cutandpaste.ac that says what they are doing and offers a mailing list sign-up. — 00:00:00 · Cut and Paste, Ben
  • ★★★ Having started a few projects, Ali is always tempted to spend ages polishing a website, but for a project like Cut and Paste the website is secondary and the app matters most. — 00:00:00 · Cut and Paste
  • ★★ Ali says he will make another video showing how they design the full Cut and Paste website, using Sketch and other apps he will introduce later. — 00:00:43 · Sketch
  • ★★★ Whenever Ali starts something new, he makes the first one-page landing page on Carrd, a simple one-page website generator, and designs a proper website later. — 00:00:43

00:01:12 — Building the page: template, colours, font, text, icon as logo, tweaks

  • ★★ On Carrd you pick a starting point from fairly reasonable templates and can edit everything about it quickly. — 00:01:12
  • ★ Ali takes background colours from the Flat UI Colors website, which offers a flat colour scheme, by copying a colour's hex code. — 00:01:12
  • ★★ For a quick logo for any project, Ali picks a fitting icon on flaticon.com and puts text next to it, and redesigns the logo later if the project goes well. — 00:02:13

  • ★★★ Ali's aim with a new project's website is to get something out the door as soon as possible without getting hung up on details such as the logo or colour scheme. — 00:02:13

    “the objective is to get something out the door as soon as possible without getting hung up on the details”

00:03:42 — Mailchimp form, Carrd Pro and the cutandpaste.ac domain; sign-off

  • ★ Hooking the landing page's form up to the Mailchimp mailing list takes about 30 seconds. — 00:03:42 · Mailchimp
  • ★★ Linking a custom domain to a Carrd site needs a Carrd Pro account, which Ali has and which costs $19 a year, a price he calls very reasonable. — 00:03:42
  • ★★ Ali registers the domain on Namecheap and edits its DNS settings, so cutandpaste.ac now shows the site; making it, buying the domain and the DNS took about seven minutes in total. — 00:03:42 · Namecheap, Cut and Paste
  • ★★ Ali says making a website is now so easy that there is no need for Squarespace or Weebly: a simple one-page site on Carrd is enough. — 00:04:12

In the description and comments

Threads in this video

Where the stories that moved here went next

Mentioned

Central: Carrd · Cut and Paste

Also: Ben · Flat UI Colors · Flaticon · Mailchimp · Namecheap · Sketch · Squarespace · Weebly

Only in the description or credits: Medical Students Making an App

Replies to

Replied to by

← Previous: WE HAVE A COOL NAME · Medical Students Making an App - Episode 2 · Next → The Temple in the Sky (Cambodia) - Cambridge Medical Elective #04