网站/应用设计

网站将多种媒体——摄影、视频、动态图形、字体设计和3D——整合到统一的平台中。


如何做

网站是一个能够综合运用照片、影像、动态图形、排版、3D表现等各种媒体的特殊平台。此外,还可以进行接近应用程序的高级UI/UX设计,从信息发布到与用户的沟通,再到体验的创造,可以说是能够全面承担这些功能的最重要的品牌推广渠道之一。

网站的作用不仅仅局限于信息提供。通过高分辨率地表现品牌所拥有的世界观和概念,能够产生用户的共鸣,提高与品牌的参与度。

通过最大限度地运用标志的动态效果、页面转换动画、精致的排版设计等网络特有的"动态表现力",能够让品牌或项目想要传达的信息触动用户的心灵,在线上提供丰富的体验。

另外,由于网站和应用程序是表现自由度极高的媒介,"应该传达什么"这一编辑视角也是不可或缺的。通过精密构建设计、内容编辑、体验设计,不仅能够实现美观,还能确保适当的信息准确传达给用户,产生共鸣,引发具体行动的网站和应用程序。

工作范围

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

设计流程

RIDS的设计流程

1: 需求定义

期间:1个月左右

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

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

2: 线框图

期间:1~2个月

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

工作范围:结构化UI设计 / 内容优先级整理 / 动作方案的设计

3: 设计

期间:2~4个月

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

工作范围:原型制作 / 色调与风格设计 / 动效设计・UI动画

4: 编程

期间:2~3个月

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

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

5: 公开准备

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

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

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

6: 运营支持

期间:面议

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

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