top of page
​玩转童书品牌形象设计&响应式网站设计

STEP 1

第一次提案,因为客户想看看有没有更好的名字可以替换,所以前两次提案都包括中英文名字和域名。

第二次提案,同样包括中英文名字和域名。

前两次提案后,客户还是觉得原本的“玩转童书Playbook”名字更好,故还是按照原本的名字来重新设计一个新的Logo,于是第三次提案就出来了,也顺利的通过了客户的认可,获得了启用。目前,Logo已完成,其官网网站(响应式设计)正在制作之中,也由本人给客户做整个网站的设计,对于整个网站的风格定位、交互原型和最终

高保真设计原型均由本人一人操刀。由于网站还在制作中,故不便对外透露更多细节,只能展示已经使用的logo。

STEP 2

原型设计

客户并非互联网从业人员,因此在最初拟定产品设计方向的时候,客户只能给到我一个​很初步的需求,因此在和客户沟通数次之后我决定给客户先做原型设计,这样双方才能更清楚产品的方向,也方便后续的沟通和需求修改。

上图为部分原型设计展示,非完整版。

第一版界面视觉设计稿,PC版共63个页面,包括确定了一个吉祥物形象。

上图为部分设计稿展示,非完整版。

确定使用了的吉祥物形象 —— 读书的鸟,​客户已经付费买断了该形象的使用权。不过,这个形象不可扩展,这是小鸟唯一的造型。

STEP 3

​第二版界面视觉设计 —— 最终定稿,PC版共66个页面

由于客户公司刚起步,人员构架一开始不完整,产品需求也不够清晰准确,后来在我第一版设计全部出来的时候,客户才将市场营销的团队建立起来,为了让网站能够准确匹配市场部对于网站如何吸引用户的把握,大家一致认为需要将整个网站再完善一下,在现有框架大致不变的情况下,包括完善网站首页和各个核心页面的内容调整。

 

当然,后来我还是修改了不少页面之间交互跳转的逻辑,这个时候由于客户急着上线,为了省时我就没有再做原型设计,而是直接将大脑中想好的交互逻辑直接转化为视觉设计,这也是因为我已经对整个产品的业务逻辑比较熟悉了,方能无需原型直接出图。

Main Pages

图标设计

注册 & 登录

学习课程 —— 进入学习页面

学习课程 —— 阶段测试

评估 —— 快速评估 & 高级评估

绘本借阅

个人中心主页

个人中心其它页面

STEP 4

​微信版本界面视觉设计 —— 共44个页面

由于客户认为响应式的手机版本作用不大,因为中国人都用微信,所以放弃了做手机端适配的页面,改为做一套专供微信公众号使用的页面。

bottom of page