Making origami easy

Assignment

To design and develop a responsive website for a personal blog.

Plan

I wanted my blog to be about different how to tutorials on origami with easy to follow step by step guides. More specifically, simple origami that just about anyone can do, but intended for the kids to young adults ages since they would probably be the most interested.

Know-how

Adobe Illustrator, Adobe Photoshop, Adobe XD, Wordpress and Procreate

Approach

I began this project by coming up with a few different tutorials ranging from beginner to intermediate. I practiced a few times on my own and then began taking photos for a step by step. After getting the step by step photos I then took them into procreate and drew any lines or directional arrows that were needed to make it easier to understand as some wording can be confusing. Many, including myself, find benefit in a visual step with words over just words.

As the site is no longer active here are mockups of the site.

Desktop - left to right: home page, example tutorial part one, and example tutorial part two.

Mobile - here is an example of the tutorial for a mobile page, I apologize for the low quality as it is the only file I have of this version and I am not sure what happened to the quality when I uploaded it.