Thursday, February 26, 2015

WEEK 7: Website Creation Training and Workshops

SUMMARY:

Over the next week, we will:
  • Review our various homepage wireframes to identify and review key features that are necessary for our campaign website.
  • Learn to use a website creation tool, such as Wix or Wordpress, to build an original campaign website.

HOMEWORK:
  • Use your selected website creation tool to build an original website for your campaign. For this week, you will get started with the site – but the actual completion of it won’t be due for several weeks. 
  • Use this week to get familiar with the website builder and to begin your site. You may use your wireframe as a starting point to create from your site from scratch and/or identify a template that contains similar design choices and elements.

Royalty-free and Free Images for your Website

In preparing images for your website, you should try to procure your own original images when possible. However, there are also professional and hobbist clip art and stock photo resources that can help you obtain quality images for your website.

Two of the "professional" options that are quite popular are iStockPhoto and PhotoCase.











However, note that these sites typically require that users pay for permission to use their images.

Looking for royalty-free and/or free images to add to your campaign site?

Wix.com has built-in access to hundreds of free stock photos in over 20 categories. Learn more about the Wix.com free image directory:
In addition, there is a Creative Commons database of royalty-free images:
Here are some sites worth checking out (some are paid):


    Thursday, February 19, 2015

    Creating a Website for your Brand Using a Content Management System (CMS)

    Typically, you would have a professional web design team or resource to help you design, build and launch your website campaign. However, we lack these resources for our class campaign. Thus, we will use one of the many simplified website creation tools/content management systems (CMS) that bring slick, professional-looking websites to those who are not design experts. Many of these sites include pre-made templates that you can even use to jumpstart your designs.
    With the help of these user-friendly website services, creating a new website for your brand is now easier than ever. Examples of free website/blog creation services include:
    For the purpose of  this class, we will experiment with Wix.com. Use Wix.com to create an original website for your campaign. For this week, you will get started with the site – but the actual completion of it won't be due for several weeks. Use this week to get familiar with Wix.com and to begin your site. You may use your wireframe as a starting point to create from your site from scratch and/or identify a template that contains similar design choices and elements.  

    GETTING STARTED WITH WIX:

    Learn how to get started with Wix.com with these video tutorials.

    After logging in, you'll be asked to choose a template to launch the website editor -- it will appear in your browser!

    Watch this overview video to learn more.

    There are tons more Wix.com tutorials on the official YouTube channel.

    IMPORTANT NOTE: When you register for Wix, you will be asked to create a username. Please try to create a username that includes your chosen brand name. If you can’t get an exact match, then please try to get a name that incorporates your brand name in some way. This username will actually be used to help generate the URL path for  your published campaign site – so you will want to make sure that it is consistent with the branding of your campaign.

    Examples of Previous Semester Campaign Sites:


    Monday, February 16, 2015

    WEEK 6: Wireframing & Design Explorations

    SUMMARY:
    This week, we will:
    • Learn the basics of web design and wireframing
    • Create a wireframe of a proposed website for our campaign
    • Review our various homepage wireframes to identify and review key features that are necessary for our campaign website.
    • Learn to use a website creation tool, such as Wix or Wordpress, to build an original campaign website.
    HOMEWORK:
    • Create a wireframe for the homepage of your website using Gliffy.
    • Use your selected website creation tool to build an original website for your campaign. For this week, you will get started with the site – but the actual completion of it won’t be due for several weeks.

    Wireframing Basics and Learning Gliffy


    A wireframe represents a visual sketch that can be used in planning your website design and functionality. It typically happens prior to the actual building of the website - so that you can review and refine key decisions prior to any actual coding or creation.






    Gliffy.com enables you to build a "wireframe" and site maps for your website. This easy-to-use service can be used to sketch and create your wireframe on the web -- and then share your creation with other stakeholders. 

    An example of the Gliffy.com interface and a wireframe.















    You can use Gliffy.com for website wireframing, flow charts, org charts, site maps -- and even a SWOT Analysis!

    Here are some example wireframes that you can print out and review: