Week 14 at WCB
This week I would like to talk about the case study I have been working on called Happy Tours. As I mentioned last week, I’m working out a case study which will be used by students following the web design intermediate course at the WCB training centre.
Through this case students will learn step by step to plan, design and build a website.
My assignment is to build this case study showing all of these different steps. So first I will have to work out all the whole process myself.
- The different steps are:
- choose a name for your website
- buy domain name (or create one free online with a thisistap.com extension)
- set up wireframe defining the site structure of the website
- make sketch of page layout (based on theme you want to use)
- make framework: the layout of every page (based on chosen wordpress theme)
- gather content
- build website in WordPress
- going live (theoretically)
It was already decided that the case study would be build in a word press theme called DIVI. This theme was published in 2013 and it’s since become a flagship product of eleganthemes.org. This theme company has touted the ability for non-coders to create endless and elegant page configurations.
Furthermore it was pretty clear from the beginning that the website for the case study should be about traveling: the website “Happy Travel” was born.
I started to make the wire frame for the website in bubble.us. This simple and free online tool allows you to brainstorm ideas and create concept maps with no special software. Bubble.us features some highly interactive abilities: saving your mind map as an image, sharing (emailing) your work with a friend, printing your organizer, creating colorful mind map organizers, embedding your work into a website or blog, and working with friends. You are able to “play” at this site without registering; however registration is necessary for saving, embedding, emailing, and other features. NOTE: the free version only allows you to SAVE three maps, so you will want to save your completed maps as images, then deleted them from your membership to make room for more freebies.
Next stage was to make sketches for each page layout based on the DIVI theme. In order to do this I studied the DIVI demo on). I also downloaded the theme in wordpress and started to experiment on my “thisistap” account.
After I found out more about DIVI and its possibilities I started to sketch the home page and all other pages.
When the head teacher and WCB founder, Carl approved the sketches, I started to work out the framework of the website and gather the content. To set up a wireframe I can really recommend you to use Uxpin for this. UXPin ships you a design resource book for drawing out paper and pencil wireframes…. then it uses magic to turn digital pictures of said mockups into real, functional, digital wireframes.
Next week I will start with step 7 on my way to set up a website: I will actually start building the Happy Travel website in wordpress. So stay tuned when you want to find out more about this project!