The current User Interface of our? School Management System? is not intuitive, inconsistent and not easily changed. What is required is a new ? CSS based web 2.0 style User Interface design for SMS that is uncluttered, aesthetically pleasing, ‘easy to use’ and user friendly.
Scope of the project is limited to web page, design element creation, layout creation, color scheme selection and application. System level changes (underlying core software) are not allowed unless the UI developer has valid and fully documented reasons. The UI developer will have to work closely with us to get the changes reviewed and tested on production.
## Deliverables
1. Deliverables
The main deliverables are:
1. An evaluation report (max 1-2 pages) as to which layout format will suite the software and a timeline of project execution.
2. A new CSS based menu system for SMS.
3. Select and apply color scheme (should be able to change the global color scheme in one single place)
4. Bread Crumbs System
5. On hover help system (CSS based). Just the coding part. We will add to places where its necessary.
6. Text and image highlighting for important parts of a page.
7. Design elements ??" CSS (properly commented and use easy to read style names), HTML code, image/icons used for the project.
8. Uniform organization of the pages and design.
9. Overall design should be delivered via 5 to 8 template pages.
10. Text/content will be added by us. Database programming is not necessary.
2. Requirements and limitations
1. Should follow simple but beautiful design.
? ? a. If you have not understood this extremely important requirement, please ask.
2. Developer is an expert in CSS, concepts of usability, HTML and Web 2.0 principles
3. You can use AJAX or Silverlight.
4. Use pure accessible CSS based design. Although Javascript may be unavoidable, keep to minimum.
5. The central layout / website design should be in ASP.net 3.0 master pages.? ?
? ? a. If you have no experience in ASP.Net but you’d need to have great design, HTML and CSS skills.
? ? b. Some PHP is also OK, but needs to be approved before working on it.
6. Pages should look identical on Internet Explorer 8, FireFox 3, Chrome and Safari. Do not use Javascript to enforce this. This should be done entirely in CSS.
7. Pages should maintain logical structure and legibility even if CSS is turned off. This applies to both browsers.
8. It should look professional and inspire confidence that the user is in the hands of a friendly system.
9. Note that some adjustments to final webpages would also be required after applying the templates to them.
3 Websites we liked
3.1 <[login to view URL]>
3.2 <[login to view URL]>
3.3 <[login to view URL]>
3.4 <[login to view URL]>
3.5 <[login to view URL]>
We would like our design to follow some principles from these websites
4? References
4.1 <[login to view URL]>
4.2 <[login to view URL]>
4.3 <[login to view URL]>
References are CSS, design articles and information pages we have used and also the like the website design themselves.