title: ÐÐ¸Ð·Ð°Ð¹Ð½-ÐºÐ¾Ð½ÑÐµÐ¿ÑÐ¸Ñ Ð²ÐµÐ±-ÑÐ°Ð¹ÑÐ° Â«Ð¡Ð¿ÑÑÐ½Ð¸ÐºÂ» Ð´Ð»Ñ Ð¾ÑÐ³Ð°Ð½Ð¸Ð·Ð°ÑÐ¸Ð¸ ÑÐ°Ð±Ð¾ÑÑ Ð¸ Ð¾Ð±ÑÑÐµÐ½Ð¸Ñ Ð²Ð¾Ð»Ð¾Ð½ÑÐµÑÐ¾Ð²
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: The design concept of website "Sputnik" for the organization of work and training of volunteers
Creators: name: Ð ÑÐ±Ð¾Ð²Ð°, ÐÐ¾Ð»Ð¸Ð½Ð°
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2023
Subjects: Ð¸Ð½ÑÐ¾ÑÐ¼Ð°ÑÐ¸Ð¾Ð½Ð½ÑÐ¹ Ð´Ð¸Ð·Ð°Ð¹Ð½
Ð¿ÑÐ¾ÑÐ¾ÑÐ¸Ð¿
ÑÐ°Ð¹Ñ
ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¼Ð°ÐºÐµÑÐ°
Ð²Ð°Ð¹ÑÑÑÐµÐ¹Ð¼
Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ
Ð²ÐµÐ±-Ð´Ð¸Ð·Ð°Ð¹Ð½
ÑÐ¸ÑÑÐµÐ¼Ð°
Ð¼Ð°ÑÐºÐ¾Ñ
information design
prototype
website
layout development
wireframe
interface
web design
system
mascot

description: Ð Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÐµ Ð¾Ð¿Ð¸ÑÐ°Ð½ Ð¿ÑÐ¾ÑÐµÑÑ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð´Ð¸Ð·Ð°Ð¹Ð½Ð° ÑÐµÑÐ²Ð¸ÑÐ° Ð´Ð»Ñ ÑÐ¸ÑÑÐµÐ¼Ð°ÑÐ¸Ð·Ð°ÑÐ¸Ð¸ Ð¸ ÑÐ¿ÑÐ¾ÑÐµÐ½Ð¸Ñ ÑÐ°Ð±Ð¾ÑÑ Ð²Ð¾Ð»Ð¾Ð½ÑÐµÑÐ¾Ð², Ð° ÑÐ°ÐºÐ¶Ðµ Ð¿Ð¾Ð´Ð°ÑÐ¸ Ð·Ð°ÑÐ²Ð¾Ðº Ð½ÑÐ¶Ð´Ð°ÑÑÐ¸Ð¼Ð¸ÑÑ. Ð Ð¿ÑÐ¾ÑÐµÑÑÐµ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð±ÑÐ»Ð¸ ÑÐµÑÐµÐ½Ñ ÑÐ»ÐµÐ´ÑÑÑÐ¸Ðµ Ð·Ð°Ð´Ð°ÑÐ¸: 1. ÐÑÐ¾Ð°Ð½Ð°Ð»Ð¸Ð·Ð¸ÑÐ¾Ð²Ð°ÑÑ ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ð¹ ÑÑÐ½Ð¾Ðº Ð²ÐµÐ±âÑÐ°Ð¹ÑÐ¾Ð². 2. ÐÑÑÐ²Ð¸ÑÑ ÑÐ¾Ð²ÑÐµÐ¼ÐµÐ½Ð½ÑÐµ ÑÐµÐ½Ð´ÐµÐ½ÑÐ¸Ð¸ Ð² UI/UX Ð´Ð¸Ð·Ð°Ð¹Ð½Ðµ. 3. ÐÑÐ¾Ð²ÐµÑÑÐ¸ ÑÑÐ°Ð²Ð½Ð¸ÑÐµÐ»ÑÐ½ÑÐ¹ Ð°Ð½Ð°Ð»Ð¸Ð· Ð°Ð½Ð°Ð»Ð¾Ð³Ð¾Ð² ÑÐ°Ð¹ÑÐ¾Ð² Ð¸ Ð´ÑÑÐ³Ð¸Ñ ÑÐµÑÐ²Ð¸ÑÐ¾Ð² Ð´Ð»Ñ Ð²Ð¾Ð»Ð¾Ð½ÑÐµÑÐ¾Ð². 4. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐ°ÑÑ ÐºÐ¾Ð½ÑÐµÐ¿ÑÐ¸Ñ Ð´Ð¸Ð·Ð°Ð¹Ð½Ð° Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ° ÑÐ°Ð¹ÑÐ°. 5. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐ°ÑÑ Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½ÑÐ¹ Ð¿ÑÐ¾ÑÐ¾ÑÐ¸Ð¿ ÑÐ°Ð¹ÑÐ°. 6. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐ°ÑÑ Ð²Ð¸Ð´ÐµÐ¾ÑÐ¾Ð»Ð¸Ðº Ð½Ð° Ð¾ÑÐ½Ð¾Ð²Ðµ Ð¿ÑÐ¾ÑÐ¾ÑÐ¸Ð¿Ð°. Ð ÑÐ¾Ð´Ðµ ÑÐ°Ð±Ð¾ÑÑ Ð±ÑÐ»Ð¸ Ð¸Ð·ÑÑÐµÐ½Ñ Ð¾ÑÐ¾Ð±ÐµÐ½Ð½Ð¾ÑÑÐ¸ Ð¿Ð¾Ð¸ÑÐºÐ° ÑÐ°Ð±Ð¾ÑÑ Ð¸ ÐºÐ¾Ð¼Ð¼ÑÐ½Ð¸ÐºÐ°ÑÐ¸Ð¸ Ð²Ð¾Ð»Ð¾Ð½ÑÐµÑÐ¾Ð², Ð¿ÑÐ¾Ð´ÑÐ¼Ð°Ð½Ð° ÑÐ´Ð¾Ð±Ð½Ð°Ñ ÑÐ¸ÑÑÐµÐ¼Ð° Ð¾ÑÐ³Ð°Ð½Ð¸Ð·Ð°ÑÐ¸Ð¸ ÑÐ²ÑÐ·ÐµÐ¹ Ð¼ÐµÐ¶Ð´Ñ Ð½Ð¸Ð¼Ð¸ Ð¸ Ð½ÑÐ¶Ð´Ð°ÑÑÐ¸Ð¼Ð¸ÑÑ Ð¸ Ð½Ð°Ð»Ð°Ð¶ÐµÐ½Ð° Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ Ð¾nlineâÐ¾Ð±ÑÑÐµÐ½Ð¸Ñ Ð²Ð¾Ð»Ð¾Ð½ÑÐµÑÐ¾Ð². ÐÑÐ» ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½ Ð¿ÑÐ¾ÑÑÐ¾Ð¹, Â«Ð´ÑÑÐ¶ÐµÐ»ÑÐ±Ð½ÑÐ¹Â» Ð´Ð¸Ð·Ð°Ð¹Ð½ Ñ Ð¾Ð¿Ð¾ÑÐ¾Ð¹ Ð½Ð° Ð½ÑÐ¶Ð´Ñ Ð¦Ð, ÑÐ¾Ð·Ð´Ð°Ð½Ñ Ð¼Ð°ÑÐºÐ¾ÑÑ ï­ Ð¿ÐµÑÑÐ¾Ð½Ð°Ð¶Ð¸, Ð¿Ð¾Ð¼Ð¾Ð³Ð°ÑÑÐ¸Ðµ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»Ñ Ð¾ÑÐ¸ÐµÐ½ÑÐ¸ÑÐ¾Ð²Ð°ÑÑÑÑ Ð½Ð° ÑÐ°Ð¹ÑÐµ. Ð ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÐµ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð° ÐºÐ¾Ð½ÑÐµÐ¿ÑÐ¸Ñ Ð²ÐµÐ±âÑÐ°Ð¹ÑÐ° Â«Ð¡Ð¿ÑÑÐ½Ð¸ÐºÂ», Ð³Ð¾ÑÐ¾Ð²Ð°Ñ Ðº Ð´Ð°Ð»ÑÐ½ÐµÐ¹ÑÐµÐ¹ ÑÐ°Ð±Ð¾ÑÐµ Ð½Ð°Ð´ Ð½Ð¸Ð¼, Ð° ÑÐ°ÐºÐ¶Ðµ Ð¿ÑÐµÐ·ÐµÐ½ÑÐ°ÑÐ¸Ð¾Ð½Ð½ÑÐ¹ Ð¼Ð°ÑÐµÑÐ¸Ð°Ð», Ð¿Ð¾ÐºÐ°Ð·ÑÐ²Ð°ÑÑÐ¸Ð¹ ÑÐ°Ð¹Ñ Ð¿Ð¾Ð´ÑÐ¾Ð±Ð½Ð¾ Ð¸ Ð´Ð¸Ð½Ð°Ð¼Ð¸ÑÐ½Ð¾. ÐÐ»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð¸Ð»Ð»ÑÑÑÑÐ°ÑÐ¸Ð¹ Ð¸ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ ÑÑÑÐ°Ð½Ð¸Ñ ÑÐ°Ð¹ÑÐ° Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ñ ÑÐµÐ´Ð°ÐºÑÐ¾ÑÑ Ð´Ð»Ñ ÑÐ°Ð±Ð¾ÑÑ Ñ ÑÐ°ÑÑÑÐ¾Ð²Ð¾Ð¹ Ð¸ Ð²ÐµÐºÑÐ¾ÑÐ½Ð¾Ð¹ Ð³ÑÐ°ÑÐ¸ÐºÐ¾Ð¹.
description: This paper describes the process of developing a service design to systematize and simplify the work of volunteers, as well as submitting applications to those in need. During the development process , the following tasks were solved: 1. Analyze the existing website market. 2. Identify current trends in UI/UX design. 3. To conduct a comparative analysis of analogs of websites and other services for volunteers. 4. Develop the concept of the website interface design. 5. Develop an interactive prototype of the site. 6. Develop a video based on a prototype. In the course of the work, the features of job search and communication of volunteers were studied, a convenient system of organizing connections between them and those in need was thought out, and the possibility of online training of volunteers was established. A simple, "friendly" design was developed based on the needs of the target audience, mascots characters were created to help the user navigate the site. As a result, the concept of the Sputnik website has been developed, ready for further work on it, as well as presentation material showing the site in detail and dynamically. To create illustration and design the pages of the site, editors for working with raster and vector graphics were used.