responsive Archives

Peppercomm Hedgefund Website Iterations

| @peppercomm #design #hedgefund #website |

Peppercomm Hedgefund Website Iterations.
Bootstrap framework – everything is 100% responsive
CSS Animations for on/off screen

NOTE:: All Images are placeholders and are not owned/created by me. This is not the final site it will be coming soon!

COCKPIT USA Responsive Website Design 2014

PROJECT GOALS:

Recreate the existing Cockpit USA theme, update the layout to clear clutter and format to fit responsive structure. Develop Responsive structure for Desktop,Tablet, and Mobile devices.
[ FULL PROJECT INFO ]

VIEW WEBSITE:
www.cockpitusa.com

FEATURES:

Responsive Page Structure
Responsive Navigation Structure
Responsive Checkout
Adaptive Image loading
Touch Available Image Zoom
Multi Lingual Support and Language Specific Images
Optimized Product Review Pages
Easy customer and visual cues on Product Page

Eastsport Website Simple Responsive Design

ORGANIZATION MISSION:
[WEBSITE]
Affordable High-Quality Backpacks :: “Our Bags – Your Life”

DESIGN:
Simple flat layout design with shallow color pallet and homepage slideshows.
• 100% Responsive design – Breakpoints at 900/600/300 widths
• CSS3 compound stylesheet structure
• Magento Store Theme
• Adaptive jQuery Share Button
• Homepage Slide-Show ares that are responsive
• Category page banners

• Large hit areas with easy to read fonts

• Clear User Flow to Checkout

Martin Luther & Coretta Scott King Memorial Project

Martin Luther & Coretta Scott King Memorial Project

DESIGNATHON:
24-hour event where teams of volunteer Communication Design students along with professors and alumni, design and produce pro-bono creative works for non-profits.

ORGANIZATION MISSION:

[WEBSITE]
To commemorate the life and continue the work of Dr. Martin Luther King Jr. & Coretta Scott King, by developing a memorial, programs and initiatives to honor the King Family and address issues of civil rights, world peace and economic equity for all.

DESIGN:
Simple flat layout design with shallow color pallet and hover-color black & white imagery.
• 100% Responsive design – Breakpoints at 900/600/300 widths
• CSS3 compound stylesheet structure
• Lightweight CMS (Pagelime) editng classes.
• Addaptive jQuery paragraph centering code
• Interactive Google Maps of live site
• Email Subscription and Domation forms

STUDENT DESIGNERS:
• Jessica Savard (Senior – team leader)
• Kirsten Detweiler
• Sydney Schollenberger
(Alumni Mentor – Zachary A. Martz “ME”)