Project Website Salathe-arredamenti.ch. Website navigation. Home (home.psd)

Transcription

1 Project Website Salathe-arredamenti.ch Website navigation Home (home.psd) 1. Azienda (Company) 2. Prodotti (Products) a. Cucine (kiitchen) b. Armadi (Wardrobe) c. Mobili bagno (Bathroom) d. Divani (Couch) e. Elettrodomestici (Appliance) f. Lavanderia (Laundry) g. Tavoli (Table) h. Sedie (Chairs) 3. Offerte (Offers) 4. Servizi (Services) 5. News 6. Contatti (Contacts) 7. Richiesta di Consulenza (Consultancy Request) 8. Richiesta di RPsopetti (PDF request) 9. Promozione del mese (Offer of the month) 7. Impressum - Not visible in menu 8. Mappa del sito - Not visible in menu

2 HOME PAGE (Home_New.psd - Home_ContactOpen.psd)

3 Left Column: - Menu - Buttons with link to Richiesta Preventivo, Richiesta Prospetti and Promozione del mese pages. These buttons have a different style (also hover and active) - Contact Box with contacts of the two showrooms and link to Impressum and Sitemap. Mouse hover on one Showroom open up a box with more details and the map (As shown in the template Home_ContactOpen.psd) Right Column - Top Menu with link to the Home page, the contact page and the language choice - Image Slider with Text. When the mouse is hover the image, the text disappear. For the image slide use the Orbit plugin ( jquery_image_slider_plugin). Possibility to upload pictures from the backoffice. the Text will be only one. - 8 box for the products. FCE witht he possibility to add Title, image and link. All the vbox will be linked to the product pages. Mouse hover on the image, the stripe with the title disappears. The link is on the image. - Latest News - Apri Footer (Open Footer). CLick on the button opens up the footer. See the template Home_Footer.psd)

4 In the footer there will be the list of the product with a small text and a contact form Contact form will be made using powermail.

5 PAGE (Page.psd - Page_Scroll.psd - Page_PDF.psd)

6 This template will be ued for all the content pages (Azienda, All the products pages, Servizi and Contatti) Left Column: - As usual Right Column: - Top Menu - Image Slider. Possibility to add a different gallery for everay page - Page Content. with text,title and image. - Image gallery of the element. This is another Image gallery. Clicking on the thumbnails, the big image will be displayed in the big position. - Consulta PDF. Button with link to the PDF of the page that will be displayed as in the template Page_PDF.psd. The PDF can be uploaded from the page itself.

7 Template Page_PDF when the user clicks on the button consulta PDF, the pdf is shown in the same page, instead of the image gallery. The pdf wll be an embedded code from ISSUE. so in the backoffice there should be the possibility to embedd the code in every page. Below the PDF there is a link to go back to the previous page.

8 PROMOZIONE DEL MESE (promo.psd) This template will be used for the page Promozione dl Mese. in this page there will be the list of the offers of the month. the user from the backoffice insert an offer by editing: -Titolo (Title) -Descrizione (Description) -Prezzo Normale (Normal price) -Prezzo offerta (Discounted price) -Images -PDF upload Left Column: - As usual Right Column: - Top Menu - Photogallery - Page Title (Promozione del mese)

9 - Photogalery of the offer - Title and description of the offer - Details of the offer (prices and PDF - Richiedi Informazioni button. As usual, the Contact form will open in a shadowboxand will have:! -Title of the offer! -Nome*! -Cognome*! - *! -Telefono! -Commento! -Invia (send button) - Share buttons (Facebook, Twitter and ) - Button with link to the page Offerte In this page there will be one or at least 2/3 offer per month. Use the same template also for the page News. NEWS Image without gallery title of the news and text No prices. Only PDF and Go to link Without button Without this

10 The news will have only the list, and not the detail page.

11 OFFERTE (Offer_List.psd - Offer_List_Scroll.psd)

12 This page will be used for the page Offerte where there will be a list of all the offers of the showroom. The offers will be eidted from the backoffice and each offer will have: - Tipo (type) es:fridge - Marca (Brand) - Modello (Model) - Prezzo Normale (Normal price) - Prezzo offerta (Discounted price) - PDF - Image gallery (n images) - Category ( Altro or Cucine) Left Column: - As usual Right Column: - Top menu - Photogallery - Elenco Offerte - list of offers with category Altro. the three icons for each items are: - PDF download - Photogallery of the offer (Photogallery will open up in a shadowbox) - Information request. A form will open up in a shadowbox. The form will be the same used for the page Promozione del Mese - Elenco Cucien in Esposizione see Offer_List_Scroll.psd template). List of all the offer with category Cucine

13 FORM (Consulenza.psd) thsi template will be used for the forms in the pages Richiesta di Consulenza and Richiesta di Prospetti) Richiesta di consulenza has the fields shown in the templates. Richiesta di prospetti has the following fields: - Desidero un catalogo per: - Cucina (radio) - Armadi (radio) - Mobili bagno (radio) - Divani (radio) - Elettrodomestici (radio) - Lavanderia (radio) - Tavoli (radio) - Sedie (radio) Dati Personali same as Richiesta di consulenza (Nome, cognome, indirizzo etc...)

14 REQUIREMENTS This website will be designed using HTML5 and CSS3. The website will be in % with a min-width of 1024px. The website will be visibile also on Ipad and mobile devices, so include some responsive design element The height of the website is fixed. when the page is long, only the right column will scroll (as shown in the template files. The left part of the web site will remain fixed. When the footer is open, the height of the web site must increase. the Background image in in %. See this website as reference:! Hover and active states of the buttons, links, and menu items are shown in the templates The website will have 2 languages: Italian and German

15 TYPO3 BACKOFFICE The default language of the backoffice must be Italian The aim of using Typo3 as content management system is to provide to the customer a system stable, reliable and usable regarding to its requirements. We have to assume that the customer do not have any knowledge of website development or server interaction, so the system must be easy to use and accessible to everyboby. All the elements in the pages must be easily managed by the customer that can add images, pdf, edit text and content without any knowledge of html or development languages. Each page, in line with the typo3 structure will have the possibility to insert title, text and 0- n images. Each Flexible content created, if any, will have all the fileds requested eidtable, for example the title, image, text and link. All the extension made will have all the fields editable as requested. The customer will have the possibility to insert/edit all the images in the backend (extensions and fce) from an upload form directly in the insert/edit form of the extension. And if not specified, there must be the possibility to add 0 - n images The customer will have the possibility to insert/edit all the PDF in the backend (extensions and fce) from an upload form directly in the insert/edit form of the extension. And if not specified, there must be the possibility to add 0 - n images. TTNews will be used for the news and for each news there will be the possibility to upload n pdf and list n links directly from the insert news form. TTNews will be used for the news and for each news there will be the possibility to upload n pdf and list n links directly from the insert news form. Use Powermail as contact extension Install and use SEO_Extended_Map as extension for the sitemap Please develop the extensions in order to be stand alone, thus not depending from other sections of the typo3 structure (i.e templates or typoscript) in order to be reused for other projects and kept as library.