Projektbeschreibung
Technical specification for the development of the design of the mobile version of the Official site of Cherepovets
Mobile version address -
The mobile version of the site should present the main services of the site and several key pages. The mobile version has its own page structure, independent of the main version of the site.
Services
1. News feed
2. 500100 Online rescuer
3. Public services
4. Guide Cherepovets
5. Searching the site
Model pages
1. Main page
2. Model page
3. News archive
4. News.
5. Public services
6. Guide: Main
7. Guide: heading
8. Guide: company
9. Search page
General design requirements
1. Preservation of the color scheme, set of fonts, the overall visual concept of the site.
2. There is a desire to build a site using the framework bootstrap, so the visual use of the elements of the framework is welcome.
3. The design should assume a “rubber layout”: the width of the page is stretched to the width of the screen resolution. The minimum width of the page is 320 px.
Common design elements
1. Navigation in the side menu.
2. In the header - a standard menu open/close button, a header, there may be a button to open the field for search, there may be an animated appearance of the search field.
3. At the top of the site, there should also be a text message about redirecting to the mobile version, with the buttons “always open the mobile version” and “return to the full version of the site”.
4. In the menu or in the basement should be a button to transition to the full version of the site.
5. In the basement - contact information, links to communities, copyright.
6. Promotional spaces
Design of individual pages
Main page
1. The main page should include a news feed.
A. The amount of news on the feed should be limited. A news upload button ("more news", "more" etc.) must be provided.
B. The date and time of publication of the news, icons of video, photo should be displayed, genres (article, interview, reportage) can be indicated in parentheses.
C. If possible, the number of views and likes of the news can be displayed.
D. If you can get a photo. (c and d are optional, based on capacity and taste).
2. If possible, we can separate the block - 3 main news.
3. Block of buttons or pictograms for transition to other sections of the mobile version - Guide, Cameras, Public Services, Online Rescue
Typical page
On a typical page, you need to draw typical html elements:
paragraph
- hyperlink
- image
- YouTube video
- table
- numbered and marked lists
News archive
1. Date selection
2. The news feed on this date, the format of the tape and the news feed should be the same as on the main page.
News.
1. Title:
2. Photo Photo
3. Text of news
4. Date and time of publication
5. Number of views and likes
6. The “I like” button in Vkontakte
7. Block buttons “Share” Yandex Share with counters Vkontakte, Twitter, Facebook, classmates, my world.
8. List of headings
Public services
1. Analog of the page
2. The column should contain pictograms (municipal and social services) and official logos of services (public services), for which the user is offered an assessment. The finished pictograms will be provided later in the design process, the service logos will be taken from open sources.
Guide: Main
1. Analog of the page
Guide: heading
1. List of companies included in the category. If possible, the logo and some brief information (m.b.) Address or phone number?
2. Yandex card with marks of all companies.
3. Possibility of downloading companies that do not fit on the first page
Guide: company
1. The analogue of the company page in the main version of the site.
2. Address, telephone, contacts
3. Addresses and contact details of the organization's branches
4. View on the map of Yandex
5. List of headings
Search page
1. Search line
2. Search results
3. Uploading "more"
Technical representation: files in psd format, layers are grouped and have clear names.
Attention. Work under a civil law contract. No prepayment!
Mobile version address -
The mobile version of the site should present the main services of the site and several key pages. The mobile version has its own page structure, independent of the main version of the site.
Services
1. News feed
2. 500100 Online rescuer
3. Public services
4. Guide Cherepovets
5. Searching the site
Model pages
1. Main page
2. Model page
3. News archive
4. News.
5. Public services
6. Guide: Main
7. Guide: heading
8. Guide: company
9. Search page
General design requirements
1. Preservation of the color scheme, set of fonts, the overall visual concept of the site.
2. There is a desire to build a site using the framework bootstrap, so the visual use of the elements of the framework is welcome.
3. The design should assume a “rubber layout”: the width of the page is stretched to the width of the screen resolution. The minimum width of the page is 320 px.
Common design elements
1. Navigation in the side menu.
2. In the header - a standard menu open/close button, a header, there may be a button to open the field for search, there may be an animated appearance of the search field.
3. At the top of the site, there should also be a text message about redirecting to the mobile version, with the buttons “always open the mobile version” and “return to the full version of the site”.
4. In the menu or in the basement should be a button to transition to the full version of the site.
5. In the basement - contact information, links to communities, copyright.
6. Promotional spaces
Design of individual pages
Main page
1. The main page should include a news feed.
A. The amount of news on the feed should be limited. A news upload button ("more news", "more" etc.) must be provided.
B. The date and time of publication of the news, icons of video, photo should be displayed, genres (article, interview, reportage) can be indicated in parentheses.
C. If possible, the number of views and likes of the news can be displayed.
D. If you can get a photo. (c and d are optional, based on capacity and taste).
2. If possible, we can separate the block - 3 main news.
3. Block of buttons or pictograms for transition to other sections of the mobile version - Guide, Cameras, Public Services, Online Rescue
Typical page
On a typical page, you need to draw typical html elements:
paragraph
- hyperlink
- image
- YouTube video
- table
- numbered and marked lists
News archive
1. Date selection
2. The news feed on this date, the format of the tape and the news feed should be the same as on the main page.
News.
1. Title:
2. Photo Photo
3. Text of news
4. Date and time of publication
5. Number of views and likes
6. The “I like” button in Vkontakte
7. Block buttons “Share” Yandex Share with counters Vkontakte, Twitter, Facebook, classmates, my world.
8. List of headings
Public services
1. Analog of the page
2. The column should contain pictograms (municipal and social services) and official logos of services (public services), for which the user is offered an assessment. The finished pictograms will be provided later in the design process, the service logos will be taken from open sources.
Guide: Main
1. Analog of the page
Guide: heading
1. List of companies included in the category. If possible, the logo and some brief information (m.b.) Address or phone number?
2. Yandex card with marks of all companies.
3. Possibility of downloading companies that do not fit on the first page
Guide: company
1. The analogue of the company page in the main version of the site.
2. Address, telephone, contacts
3. Addresses and contact details of the organization's branches
4. View on the map of Yandex
5. List of headings
Search page
1. Search line
2. Search results
3. Uploading "more"
Technical representation: files in psd format, layers are grouped and have clear names.
Attention. Work under a civil law contract. No prepayment!
Design und Multimedia Banküberweisung
