During my first month working for the Knowledge Management Office of the Command Arms Support Command (CASCOM) at Fort Lee, Virginia, I was tasked with designing what the new portal landing page could look like, along with page designs and layouts for organization landing pages and content pages.
And even though this was an easy enough task, at the time, I didn't know how to actually make the design happen. Sure, I could use Adobe Photoshop, Illustrator, or InDesign all day long. But give me HTML, CSS, SharePoint masterpages, or page layouts, and I was lost.
That all changed with this project.
The first image you see below is my very first attempt at creating this design using the elements I mentioned above. Following this image are the design compositions I created using Adobe Creative Suite 6. Not too bad for a first shot, eh?
The idea behind using photography as the background was to provide an instantanous connection for the military personnel at Fort Lee. I wanted them to feel proud every time they opened the CASCOM landing page. Unfortunately, the client's focus was on the CASCOM Headquarters building, which didn't make for a very interesting background.
Once given this direction, I developed another landing page using a design created by a graphic designer in the Knowledge Management Office. I must say, the final products of both designs turned out well, even if this one wasn't used. I am proud of both achievements.
CASCOM Landing Page using custom SharePoint masterpage and CSS.
Organizational Landing Page 1 - Photo Background 1
Organizational Landing Page 1 - Photo Background 2
Organizational Landing Page 1 - Photo Background 3
Organizational Landing Page 1 - Photo Background 4
Organizational Landing Page 2 - Photo 1
Organizational Landing Page 2 - Photo 2
Organizational Landing Page 3 - Photo 1
