HITMAKINGZ — 项目视觉图
任务文件 · 007 / 007 · 网页设计 / UX-UI + 网页开发

HITMAKINGZ

一个帮音乐人从噪声走向信号的网页应用。

角色
UX/UI 设计 + 网页开发
图片
13
阶段 01 / 04

想法

« 从噪声到信号。 »

选择太多,方向太少;教程成千上万,策略为零。HITMAKINGZ 卖的不是曝光,而是艺术身份:先弄清这位艺术家是谁,据此给出一份计划,再把他连接到合得来的艺术家。

动态影像 · HITMAKINGZ
阶段 02 / 04

计划

一套三步的流程,像游戏一样设计。扫描用九个问题,从七个以电影命名的画像中找出艺术家的原型——Whiplash、Akira、Kids、Lost in Translation、Amadeus、Drive、Moonlight。计划把这个原型变成 90 天内可执行的步骤。网络把他连向其他艺术家。

文件 / 任务资料
  1. 源代码
  2. 网页素材
  3. 界面与体验设计
阶段 03 / 04

设计

我负责 UX/UI 设计与应用开发:一套复古操作系统风格的界面(HMZ_SYSTEM.EXE)、一张可分享的 Signal Card、带任务与进度的面板、现场版块、成果与数据——共十七个页面。

在日志里读制作过程 ↗
情绪板 · HITMAKINGZ 世界的图像 · 38 图片
HITMAKINGZ — 图板 1/38
HITMAKINGZ — 图板 2/38
HITMAKINGZ — 图板 3/38
HITMAKINGZ — 图板 4/38
HITMAKINGZ — 图板 5/38
HITMAKINGZ — 图板 6/38
HITMAKINGZ — 图板 7/38
HITMAKINGZ — 图板 8/38
HITMAKINGZ — 图板 9/38
HITMAKINGZ — 图板 10/38
HITMAKINGZ — 图板 11/38
HITMAKINGZ — 图板 12/38
HITMAKINGZ — 图板 13/38
HITMAKINGZ — 图板 14/38
HITMAKINGZ — 图板 15/38
HITMAKINGZ — 图板 16/38
HITMAKINGZ — 图板 17/38
HITMAKINGZ — 图板 18/38
HITMAKINGZ — 图板 19/38
HITMAKINGZ — 图板 20/38
HITMAKINGZ — 图板 21/38
HITMAKINGZ — 图板 22/38
HITMAKINGZ — 图板 23/38
HITMAKINGZ — 图板 24/38
HITMAKINGZ — 图板 25/38
HITMAKINGZ — 图板 26/38
HITMAKINGZ — 图板 27/38
HITMAKINGZ — 图板 28/38
HITMAKINGZ — 图板 29/38
HITMAKINGZ — 图板 30/38
HITMAKINGZ — 图板 31/38
HITMAKINGZ — 图板 32/38
HITMAKINGZ — 图板 33/38
HITMAKINGZ — 图板 34/38
HITMAKINGZ — 图板 35/38
HITMAKINGZ — 图板 36/38
HITMAKINGZ — 图板 37/38
HITMAKINGZ — 图板 38/38
阶段 04 / 04 · 任务完成

结果

应用已上线:注册账号、完成扫描、拿到自己的原型与计划。下面的画面来自应用内录制的一次使用过程。