A Web Accessible Portal For Corporate Customers

I created the portal for our corporate customers that is accessible through the web. I created the ui/ux design, the front-end code and the backend logic including the database connectivity. The design elements are custom made.

I focused on simplicity while keeping a professional appearance.

allianceportal_login

Login screen shown in the screenshot above (click on the screenshot for a full size preview).

allianceportal_myspaces

The screenshot above shows the overview of spaces rented including details (click on the screenshot for a full size preview). The focus here was to make it feel like a spreadsheet. This screenshot shows the scrollbars at the bottom and to the right, indicating the position of the viewport in relation to the document. A live search and sort feature (with the ability to do multiple column search) has been integrated as well.

allianceportal_incvoices

The screenshot above shows the invoices section which allows the client to download that data as a PDF file or as an Excel file (click on the screenshot for a full size preview). Search and sort feature are available as well.

Tools/Skills Used: Adobe Photoshop, Adobe Illustrator, CSS, HTML, ColdFusion, MS SQL, JavaScript, jQuery

Requirements/Considerations: Older browsers needed to be supported due to the nature of different corporate IT setups. Internet Explorer 8 and up needed to be supported. Other modern browsers needed to be supported as well (Firefox, Chrome, Safari). The iPad needed to be supported since it was used to demonstrate the app on trade shows.