Apply for the next session

Business-card Website

Last updated: June 19, 2021

If the internet is basically a giant “Yellow pages” book – then you better have your own little ad in there.

The goals

  1. Build a practical and useful website

    You’re just starting out, so – there’s no reason to just jump into a huge “portfolio site” undertaking.

  2. Use all of the ideas and strategies we've been talking about so far

    Research, goal setting, content strategy, HTTP, HTML, a little CSS, typography, usability testing and feedback, iteration, and also – knowing when something is done (for now).

BUSINESS-CARD site (parent project) (see # steps for each part of the process) See mine for example: https://sheriffderek.consulting/ – OR https://sive.rs/now – OR – http://terryreeves.com/ #1 discovery challenge (to get in the mood – and get that brain going) look at this site: http://richardhoughten.com/ What are Richards goals? Is he meeting them? What are your thoughts about this site? #2 WRITE THIS OUT – (no code) – IN a Google Doc – and work out the thoughts – and COMMIT to what you will do. #3 share it with the team / and talk about the findings. RE: business-card project: We need to “time-box” it – and
#4 choose a date for launch / and milestones for each step This involves: design thinking, content-strategy, HTML(markup), Typography, CSS(Styles) – and some Call to Action. We’re also talking about ways to “test” and ensure that the goals are being met. #5 Thinking (lots of thinking) The goals are not only to learn some “code” – but to think about “GOAL-DRIVEN” Design. Why might you want a personal website? What would be the point? content strategy + UX challenge . Who might visit your site? How might they find you? What do you want them to know? What actions should they be able to take? How can you prove it’s successful? #6 WRITE THIS OUT – (no code) – IN a Google Doc – and work out the thoughts – and COMMIT to what you will do.

… you’ll need some content, right? #7 WRITE out THE CONTENT – (no code) – IN a Google Doc – and work out the necessary content – and hierarchy. Include any screenshots or notes — and show it to your team. #8 draw out the layout quickly with a paper and pencil – and show it to your team. #9 write the code (use what you learned from this challenge: https://www.codementor.io/@sheriffderek/markup-and-styles-challenge-1-beiasd97a) #10 show it to people / and get feedback + make sure the goals are being met – #11 iterate / ad some things #12 – FINISH IT!
Apply for the next session