如果你有间设计工作室,你可以这样建设自己的品牌
2019-12-10 本文已影响0人
H5案例分享
案例:如果你有间设计工作室,你可以这样建设自己的品牌
品牌:creativedreams
技术实现: SVG + jquery + Animation.js + TweenMax.js
亮点:
1、创意定位
国外设计师的工作室自我介绍,包含联系方式(沟通项目使用),可以做什么(提供什么服务),做过的项目。当然,网站本身就是你的名片。
国外很多创意工作室,或者几个设计师(技术工程师)合作开的公司,用的比较多的是One page形式,就是一个页面中,介绍自己和业务。这种小而美的公司,就有曾经我很喜欢的teehanlax,后来被facebook收入麾下。
2、策划上
One page类型的H5,响应式页面(web/ipad/移动终端都可以访问,如下图)
一共8屏,介绍的内容分布是:Email方式接收项目、自我介绍、可以做什么、做过的项目,最后是社交账号。
3、设计上
简洁风格,黑色的线条,配合彩色的修饰图标。
4、技术上
画面中的动画采用SVG,SVG动画在微信图文也可以运行。如果想和设计师配合完成SVG类型的动画,最好让设计师出AI格式的源文件。
【案例截屏】
以上为“H5案例分享”团队原创文章,转载请注明出处!