STAF 2 * Patrick Mendelsohn * Pierre Dillenbourg * Daniel Peraya * Daniel Schneider
|
Practical course - Stage - Praktikum
|
Abstract |
Projected, developed and implemented 2 web-sites:
|
My plans about my work for Staf 24
|
Project 1
|
Goal: A web-site for architects presenting new projects and realized buildings
- Presenting projects that the company has realized during the last years. - With pictures and short texts. - Offering new houses that have been constructed on the CAD systems of the company, but not constructed yet. - With plans, descriptions and pictures of models. - Introducing the staff working for the company. - Facilitating a first contact with the company thru the web. - The web pages have to focus the presented information to one single goal. - Visiting surfers have to be welcomed by some elements of interactivity, e.g. responding elements within the pages. - The graphic design of the web pages has to be nice but not too complicated. - New Offers - About Us - Family Houses - Appartment Blocks - Renovations - Industrial Buildings - Agricultural Buildings - Public Buildings - Consulting - Contact - Hints And in order to give an overview with short comments all the sections are introduced on the welcome page. We decided about the fonts, the colours, the arrangement of the elements within the pages and the sequence of the pages. ![]() Giving an overview of that section and providing links to the sub-pages. - Corporate logo: on click to homepage - Section icon - Section title - Help button: on touch showing help - List of sections: on click to the chosen section - Display field: where the informations are presented: -- Pictures in a small format, providing links to the related sub-pages. -- Very short or no text informations related to these pictures On many section main pages there are 2 pictures in the same frame available, to select with the mouse. - Copyright indications ![]() Showing more details with bigger pictures and giving a short text information. - Corporate logo: on click to homepage - Section icon: on click to section main page - Title of sub-page - Display field: where the informations are presented: -- Pictures in a bigger format -- Text informations related to these pictures On many sub-pages there are 2 pictures available, to select with the mouse. - List of the other sub-pages within the same sections: on click to the chosen sub-section - Links to section main page and to welcome/overview-page. ![]() Providing many informations and details for stimulating the customers attention. - Corporate logo: on click to homepage - Section icon: on click to section main page - Title of that project - Display field: where the informations are presented: -- Pictures in a bigger format: 2 pictures available, to select with the mouse. -- Very detailed text informations about this project - Links to all detail plans concerning this project, plans displayed in normal and in reduced versions. - List of all detail plans of the the same project: on click to the chosen plan. - Links to section main page and to welcome/overview-page. ![]() Showing the plan of that part of the building. - Corporate logo: on click to homepage - Project icon: on click to project description page - Title of that detail plan - Display field: where the detail plan is presented. - List of all detail plans of the the same project: on click to the chosen plan. - Links to project description page, to section main page and to welcome/overview-page. ![]() - No sub-pages needed. - Small personal page for each team member. - No sub-pages needed. During the development work we got a more detailed idea about contents and presentation forms. Like: Interactivity is the prime feature that can be realized on the web with reasonable effort. ![]() Moving the mouse onto the page makes all the contact informations appearing. ![]() By highlighting the link being touched by the mouse. ![]() Without clicking nor changing the page. ![]() - Outside and inside of the house. - Views from different sides. - Overview and detail. ![]() - Displaying an additional message with more informations. Parts of the site have to be reshaped or reorganized. New or changed informations have to be added. And some parts will be recreated with new techniques of web engineering. |
![]() |
![]()
++41 (0)52 301 3301 phone
|
98 10 01 |