This contract assignment was to construct user interfaces to be used by the application developers.
The application's appearance and functionality was conceived by a team of Microsoft analysts and designers. The design of the various components was accomplished by Microsoft and provided as Photoshop files, wireframes and a style guide.
My role was to build the HTML framework and style sheets that would permit the developers to apply the styles to the components as they are being developed
The design constraints were that the pages would need to perform and appear correctly in Internet Explorer 8 and in any recent version of Chrome.
The application is an internal effort intended for Alcoa employees and would not be available for public consumption. Examples of the pages I developed can, however, be viewed here: Alcoa Project
The requirements were to have all the elements of the page that performed an action to visually indicate the rollover state and to do so with high performance. I chose to use sprites for the static and rollover states of all icons, buttons and interactive elements. I deleveloped most styles to be implemented as basic HTML submit buttons. The project is to be built in ASP.NET (ASPX web forms) but the development was requested to be done in basic HTML not involving specific .NET Web User Controls. This decision was from Alcoa management and had to do with lack of an easily accessible .NET hosting environment for developing this portion of this project.