TWT STUDIO LANDING PAGE

Online






工作室着陆页

天外天工作室以网络思想政治教育为主要建设方向,开发了党建、形势与政策答题、新闻、社区、问卷、投票、商城、微北洋、问津APP等众多网络产品。网络产品涵盖教育、资讯、服务、生活、娱乐等领域,为天大师生提供全方位的网络服务。
天外天工作室着陆页,主要介绍天外天历史、产品、活动、团队介绍、互动招募信息等。



负责天外天工作室Landing Page页站点的交互/视觉设计。

(2017.06 - 2017.08)













页面流程


天外天登录页主要用来介绍天外天团队历史,项目,动态,成员,纳新等信息。这里添加了一个匿名互动版块,它不需要登录,不需要用户注册也能匿名互动。先创建网站的整个流程框架,以保证用户在使用过程中不会迷路。这里的主要菜单项包含,首页、关于、项目、团队、加入等。










设计元素


在设计过程的最初阶段,想法很成熟,需要大量的工作。绘制线框图可以清楚的建立元素之间的关系,建立设计元素的组件体系能够从大到小把控设计风格。初期选定网站包含的元素以及色彩格调。












用户引导


首屏有两张活动banner轮播和最新活动预告。用户在进入站点时可快速获取到最新活动,技术分享等相关信息。轮播图可放活动或技术分享相关图集也可展示工作室富有文化气息的相关图集。首屏大图展示直接显示近期信息可展示给用户最直观的信息。










案例展示


首页直接精简显示工作室项目经验、产品数据、荣誉奖项和项目案例展示。这样能够直接展示工作室现有的成熟产品和历史行程,让用户能够更直观的了解的工作室重要相关信息。进入[关于我们]菜单项可详细了解更多关于工作室的信息,进入[项目案例]菜单项可查看更多工作室现有成功项目案例。











产品互动


在站点添加了互动模块,学长寄语是往届优秀毕业生站长组长给工作室的寄语,能够给工作室成员增添不少信心和活力。留言区是任何人都可参与的板块,你可以在此留言,在团队成员页面可以显示大家的留言寄语动态,让你来到这里不再枯燥。互动,让页面不再无聊。















职位卡片


这些card是在[关于我们]页面底部用于介绍工作室职位分工信息,可让想加入工作室的同学在了解到工作室历程之后查看各职位所负责的工作任务。让大家在进入招募中心之前熟悉工作室的岗位要求。














加入我们


[加入我们]页面是在每年春招和秋招时,可以从此站点跳转到工作室的招募中心站点,并且会在此公布最新的纳新情况 让用户不用到招募站点就能了解最新的招募信息。















页面长图


最终的页面效果展示给您。流畅的阅读效果可以更直观的展示给用户想了解的信息,首页展示的有活动预告,工作室项目案例展示,移动端产品下载和留言寄语模块。