Life through the eyes of a designer.

February 28, 2014

Battle Rap Poll User Interface

#gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } New Battle Detail Widget Fly out Pop Up Modal Window Poll Options Revealed Poll Option Hover Poll Option Selected Poll Loading Results Poll Results...
February 28, 2014

Agency Portfolio Technical Specifications

An example of technical specifications to be sent out alongside *.psd files for an agency portfolio website. This example is more geared towards guiding the coders through a painless implementation of the design. Altadar Website Technical Specifications Development Site - http://new.altadar.com/   Brief: The entire website will be built on a Coda slider script http://jqueryfordesigners.com/coda-slider-effect/  …

February 28, 2014

Anime Fansite Technical Guidelines

Example of Technical Specifications for a personal project. Reference attached mockups Animeism.org Technical Specifications   Element Legend Display – paragraph or list text required Editable – manageable via the admin panel Code – html details for required code List – list details On Hover – details for on hover events On Click – details for…

February 28, 2014

Architect Portal Application

1a. Registration Wireframe 1b. Registration Design 1c. Project Detail Wireframe 1d. Project Detail Design 1e. Member Profile Wireframe 1f. Member Profile Design  

February 11, 2014

Musical Instrument Wholesaler Homepage Concept

1a. Initial Homepage Concept 1b. Main Menu Search Slide-in 1c. Main Menu Dropdown 1d. User Menu Cart Dropdown 2a. Alternate Homepage Concept  2b. Cart has items 2c. Cart Dropdown 2d. Main Menu Dropdown 2e. Alternate Concept, Alternate Header 3a. iPad Responsive Version 3b. iPad Login