Objectives
- Learn what landing pages are used for and how to create them
- Explore how websites contribute to the branding and visual identity of an organization
- Engage with classmates in a collaborative effort.
- Showcase your group’s work to others in the class.
Ideas for Theme
I came up with these theme examples based the types of events, activities, and organizations at the College. You don’t have to use these examples; your choices are endless.
- meet & greet
- open house for prospective students
- career fair for your department
- big college game with a rival
- cause/advocacy
- sorority/fraternity rush activities (but only if you can somehow infuse CofC branding in it)
- virtual event such as workshops or conference
- club's fundraiser
- entertainment event
- ice cream social
- student art exhibit
- on and on… I could go on forever...
STEPS TO TAKE
Sign up:
Sign up for a group by Feb 9th
Research
- Learn about the College of Charleston’s Visual Identity. At minimum, you should try to use the Color Palette in your webpage design.
- Search the web or other resources to learn more about website landing pages. This is one source, but it's a good idea see others.
- Look at examples of landing pages that I collected:
See Google Presentation Slides
Gather Assets
- To help you along, I've found two websites with CofC photos. Of course, you are not limited to these websites. You may desire pics other than college images.
- CofC Dropbox
- CofC Giphy || or This page
- Decide how to share files as you are working. I suggest creating and sharing a folder on OneDrive.
Required Features
The following features must be used somewhere in your design of the two pages. It is not meant to restrict you. I know you will find creative and un-forced ways to use each at least once.
- Figure and figcaption
- Background picture
- Round image. Use a square cropped picture with 50% radius
- Google font
- RGBA color
- A single external stylesheet
- Border-box for box-sizing
- Link to image
- Put a disclaimer in the footer about the fictitious nature of the website
Produce Two Pages
Your group will design, code and publish two pages. I'm restricting to two because other classmates will be required to critique them, and we don't want to give them additional work.
One of the pages must be a landing page. The other can be any other content page such as About Us.
I encourage you to write real text on the landing page. However, the content page can have placeholder text.
Share and give feedback
Share your URL in the Discussion