• UI/UX

Cocoa网站

日期
Cocoa 网站在笔记本和手机上的展示,画面是一位男士的肖像

背景

Cocoa 是芬兰最优秀的视频制作公司之一。他们的旧网站不够时尚,无法代表他们的品牌。因此,Cocoa 希望我和另一位UI/UX设计师Alina改善他们的营销网页。客户希望使用白色作为主要颜色,以便他们的作品能够自我展现。使用白色意味着我们不能仅仅添加视觉元素,而是要通过网格和微交互进行设计。因此,设计会变得微妙但仍有影响力。

我的任务

  1. 共同创建情绪板。
  2. 信息架构。
  3. 部分桌面和移动界面设计。
  4. 原型制作。
  5. 微交互设计

Cocoa 网站的菜单在平板和手机上的样子

三个桌面页面:作品网格、工作室页面和导演页面

“We are Cocoa”页面在桌面和手机上的样子

项目收获

  1. 由于项目仅持续了两周,我们无法详细交付设计文档。幸运的是,我们决定与开发人员讨论此问题。他是一位才华横溢的开发人员,能够自行解读设计。因此,我们不需要交接任何文档。我了解到,如果设计师不确定提供什么,与开发人员沟通是最佳选择。
  2. 如果可能的话,计划与用户进行测试。如果资源有限,可以快速与同事进行测试。我们不确定菜单是否易于操作。在完成几次快速测试后,我们了解到结构对我们的同事来说不够清晰。因此,我们迭代设计以取得更好的结果。

手机页面:作品详情和关于页面

滚动条细节:字母 C 以负空间的形式出现

线框图

网站页面的低保真线框图

视觉效果

所有页面最终视觉设计的总览