flight food-background

300PLUSMOTORS

UX/UI 网页设计 活动策划运营

主要负责:
网页设计
平面设计
UX/UI
活动运营

担任:
UX/UI 设计师
赛事涂装设计师
产品设计师

工具:
Sketch
Illustrator
Photoshop

公司
介绍

300+,取“马力与时速300+以上”之含义,代表一种坚持与梦想。
自2004年成立以来,先已有40名多专业员工,占地4500平米的公司规模,集赛车零件研发,汽车改装,赛车服务,汽车进出口贸易,二手车交易平台的汽车企业。

01

300+官方网站(已上线)

Pied_bg_2

独立完成300+网页信息框架图,UX/UI,前端代码,多尺寸屏幕应用代码,网站第一版测试现已上线,后期需要做cdn分流提高网站加载速度。网站以黑白红为主色调与300+logo颜色相呼应。

网站介绍

Page 1 官网首页
hatefood

300+官网首页以视频视频背景的视觉表现方式,保证客户通过视频与文字标题的结合,更直接的了解到跳转页信息。用户可通过滑动鼠标滚轮或点击右侧浮游标到其他首页页面,通过导航栏和页面了解更多按钮跳转到网站其他细化内容页面。

Page 2 300+故事
placeholder image

故事页介绍企业文化,公司创办宗旨。通过第二页的图视讲解公司发展历程,让客户更直观的了解300+公司。客户可以通过第三页视频更深入了解300+公司的初衷。

Page 3 汽车服务
placeholder image

汽车服务业面主要展示店内可提供的街道车辆服务,分位六个主项目,其中拉线定位技术服务为300+特色服务。

placeholder image

打开汽车服务页面,页面背景为公司车间图片,把公司主要的合作厂商做为第一页的主要内容,可以让客户第一时间了解到公司主要经营的品牌。

placeholder image
placeholder image

因为300+是以保时捷等中高端汽车服务为主要服务对象,所以设计了专属于保时捷主要车型的两种基友保养套餐,用户可通过上面的选项更换车型,了解不同机油的价格和性能取向。

Page 4 车队运营
4.1 车队介绍与现服务车队
服务车队

车队运营页主要目标用户为想要自己购买赛车参与赛事的用户。用户可以通过此页面简单的了解赛事准备项目和流程,另一方面了解300+可以提供的赛事服务。

4.2 赛车流程
赛车流程

为客户列出整个参与赛车运动的过程,让想要参加赛车运动但没有经验的客户更直观的了解300+如何帮助他们完成赛车梦想,并列出我们可提供的服务与优势,用户可以通过上方的联系方式与300+工作人员联系。

4.3 提供不同组别赛车贸易服务
赛车流程

在用户了解参与赛车过程后,往下滑显示按照不同车型组别可选择的车辆,包括GT3/GT4/GTC/TCR/原型车分类。用户可以点击车型图片放大观看。

4.4 赛事新闻
赛车流程

运营页最后部分为300+服务车队的最新报道,用户可以点击按钮了解300+车队观看的赛事报道,了解300+最近的赛车动向。

Page 5 活动
300活动

5.1 2020年驾骋冰雪活动

“尽管大多数航空公司在试图改善空中食物套餐,但是还是不能够达到乘客预期的标准。"

5.2 2020年300+赛道日汇总

“再想办法去提高再加温食物套餐的水平,也不会达到商务舱和头等舱飞机的食物标准。"

5.3 2019年300+赛道日汇总

“ 如果乘客用户在长途旅行中订购了食物套餐,过高的气压环境下还是与正常地面气压环境下品尝食物的味觉标准不同。“

Page 6 二手车

二手车首页
placeholder image

二手车首页背景为300+展厅以及300+二手车服务准则,第二页为二手车销售联系方式和先在售二手车。用户可以根据车型分类项找到相应的车型。

02

赛车涂装&赛事周边

777车队AMG GT3赛车涂装

AMG GT3 V.1
AMG_GT3__涂装1_Artboard%201 01
AMG GT3 V.2
AMG_GT3__涂装1_Artboard%201 03
Moodboard
moodboard

03

2020驾骋冰雪活动策划运营

公众号首页公众号第二页公众号第三页公众号第四页