Instruction Challenge, by Miguel Arucan, Spring 2016

Part A: Design

Part B: Documentation


  • Links: #000
  • header background: picture from stock-snap
  • heading text: #FFF
  • logo: #000 and #fc2b31
  • text color: #000
  • instruction background: background from creative commons

Website Link


What are you happy with about your website?

For this assignment, we were assigned to create an instruction website based on any instructions on WikiHow. For the things we found, we had to relate it to journalism. In order to do this, we had to learn how to code with the help of Mozilla Thimble.

Overall, I am really content with my website. I took risks by modifying the header and the background, but in the end, I found that it worked better and found that this would be a website that I would read. I’m also happy about how I took a different route, while still managing to keep the overall layout that we were given. Additionally, I learned that there are more codes out there that I could've used. For me, CSS, though easier to look, is a lot more harder than HTML.

I am also happy with the content that I made. I wanted my website to have a fun and interesting vibe. I would've used instructions that are really and strictly journalism-related, but I feel like everything i've learned from 107 and 108 has been made from other students. Because I graduated with a degree, I wanted to introduce a different perspective on how education could be fun, but still requires a lot of steps. 

What would you have done differently if you had more time and/or skills?

If I had more time and/or skills, I would dig deeper into coding and make the website more interactive to the visitor. From my other classes, I’ve learned that “aesthetic designs are perceived as easier to use than less-aesthetic designs.”