К содержанию
Проект PSP Web Studio · Облачный сервис

Cloudrive

Облачное хранилище файлов по модели Dropbox: загрузка, папки, предпросмотр, совместный доступ и управление пространством.

Файлы, папки и совместная работа — в одном понятном интерфейсе.

Контекст проекта

PSP Web Studio спроектировала Cloudrive как облачный продукт с понятной файловой моделью, быстрым доступом к контенту и сценариями совместной работы.

01Файлы и папки
02Загрузка и предпросмотр
03Общий доступ
04Управление хранилищем

Задачи интерфейса

Не декоративные эффекты, а конкретные сценарии, которые должны быть понятны пользователю с первого экрана.

01

Сделать загрузку, поиск и организацию файлов понятными без обучения.

02

Собрать безопасный и быстрый сценарий общего доступа к файлам и папкам.

03

Показать занятое пространство, последние файлы и ключевые действия без перегруженного интерфейса.

Ключевые экраны

Каждый экран отвечает за отдельную часть пути пользователя. На мобильной версии приоритет действий сохраняется, а второстепенный контент уплотняется.

01

Файлы

Основной список, папки, поиск, сортировка и быстрые действия.

02

Загрузка

Drag & drop, прогресс, обработка ошибок и предпросмотр.

03

Общий доступ

Ссылки, права доступа и управление совместной работой.

04

Хранилище

Использованное место, тариф, удалённые элементы и настройки.

Технический подход

Производительность, доступность и SEO рассматриваем наравне с визуальной частью — до публикации, а не после неё.

Design × Code

TypeScript-интерфейс, API для файлов и папок, фоновые загрузки, контроль прав доступа, безопасные ссылки и адаптивный интерфейс.

Архитектура продукта

Наведите на модуль: схема показывает, как данные проходят через ключевые части продукта.

AppМодуль 01
APIМодуль 02
AuthМодуль 03
StorageМодуль 04
DatabaseМодуль 05
PSP Web Studio

Нужен сайт
с похожей логикой?

Получить оценку ↗