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:
Go to Oaks and sign up for a group by September 30th. The group is called:
Landing Branding (School Spirit)
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 internet 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 or Google Drive.
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
- 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.
You must write real text on the landing page. However, the content page can have placeholder text if you wish.
Share and give feedback
One member will share your URL in the Discussion