在人与信息之间,架起直觉之桥。

WEB / APP DESIGN

Web / 应用设计

网站将照片、视频、动态图形、字体设计、3D等多样化媒体整合到一个平台上。

HOW

动态故事
叙述创造丰富的
数字体验

SCOPE OF WORK

  • UI/UX设计
  • 线框设计
  • 视觉设计(字体排版·动态图形)
  • 前端实现
  • 内容设计·编辑指导

网站是一个能够综合运用照片、影像、动态图形、排版、3D表现等各种媒体的特殊平台。此外,还可以进行接近应用程序的高级UI/UX设计,从信息发布到与用户的沟通,再到体验的创造,可以说是能够全面承担这些功能的最重要的品牌推广渠道之一。
网站的作用不仅仅局限于信息提供。通过高分辨率地表现品牌所拥有的世界观和概念,能够产生用户的共鸣,提高与品牌的参与度。
通过最大限度地运用标志的动态效果、页面转换动画、精致的排版设计等网络特有的"动态表现力",能够让品牌或项目想要传达的信息触动用户的心灵,在线上提供丰富的体验。
另外,由于网站和应用程序是表现自由度极高的媒介,"应该传达什么"这一编辑视角也是不可或缺的。通过精密构建设计、内容编辑、体验设计,不仅能够实现美观,还能确保适当的信息准确传达给用户,产生共鸣,引发具体行动的网站和应用程序。

SCOPE OF WORK

  • UI/UX设计
  • 线框设计
  • 视觉设计(字体排印·动态图形)
  • 前端实现
  • 内容设计・编辑指导

PROCESS

NOSIGNER的
设计流程

1

需求定义

 期间:1个月左右

整理项目目的、要传达的信息、必要功能、内容构成等,明确网站的整体概念。在此阶段制作网站地图和功能清单,防止认知偏差,确定具体的设计方针。

SCOPE OF WORK

  • 听证会/面试
  • 竞争对手调研·基准分析
  • 网站地图设计
  • 功能需求整理
2

线框图

期间:1~2个月

基于需求定义,将结构设计和界面设计以线框图的形式进行可视化。NOSIGNER的线框图特点是精心设计到按钮布局和字体处理的细节,便于具体想象最终设计的完成形态。

SCOPE OF WORK

  • 结构化UI设计
  • 内容优先级整理
  • 动作方案的设计
3

设计

期间:2~4个月

基于线框图,结合动态图形、色彩、字体排版、交互等元素,设计Web体验的细节。制作能够充分表达品牌世界观的高完成度设计。

SCOPE OF WORK

  • 原型制作
  • 色调与风格设计
  • 动效设计・UI动画
4

编程

期间:2~3个月

基于设计,使用HTML/CSS/JavaScript等技术实现前端开发。根据需要,也可以对应WordPress等的导入以及后端功能的构建。

SCOPE OF WORK

  • 前端/后端开发
  • CMS的导入(根据需要)
  • 动画和交互功能的实现
  • 各种浏览器·设备验证
5

公开准备

期间:根据画面数量而变动

正式发布前,我们会在测试服务器上进行功能确认、文章和链接检查、SEO设置、Google Analytics导入等工作。最终确认后,通过域名设置和服务器上传,转入正式发布阶段。

SCOPE OF WORK

  • 调试·UI检查
  • 网站速度·SEO对应
  • 域名/SSL/服务器设置
  • 生产环境发布
6

运营支持

期间:面议

发布后,我们还可以基于访问分析提出UX改善建议,持续支持新内容的添加、UI修正等工作。在运营阶段,培育网站发展的视角非常重要。

SCOPE OF WORK

  • 访问分析(GA4等)
  • 用户反馈收集·改进建议
  • 内容添加/更新

DESIGN CASES

The Power of Visualization is Remarkable. The Power of Visualization is Remarkable.

Evolutional Creativity – Eisuke Tachikawa

开始您的项目