拖动浏览,滚动或双指缩放。打开帮助查看键盘操作。

Yan
开放
合作
聊聊吧
Yan Fontão Boring view
All work

Case 053落地页设计

Trackland

为一个定制 Salesforce 界面的平台做的落地页,有两个蓝色主题版本,以及一个移动端菜单。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
原始设计文件中的 Trackland 演示封面。
演示封面,来自原始文件。

01

我的贡献

Trackland 是为一个定制 Salesforce 界面的平台做的落地页。Figma 文件里保存了页面的两个主题版本,New blue 和 Previous blue,另外还有一个移动端菜单。

沿着设计稿向下滚动:落地页,从首屏到它服务的行业。

02

用示意图讲清连接关系

页面用白色、石板灰和一种醒目的蓝色。深色区块把 Trackland 放在一圈 Salesforce 数据库卡片的中央,虚线箭头指向中心,所以不用读任何一段文字,就能先看出它要把这些数据源连接起来。

白色的手机菜单,有 Trackland 标志、关闭图标、四个链接(其中 Resources 展开出四个子链接)、一个蓝色的 Try for Free! 按钮和一个 Sign in 链接。
Resources 原地展开,菜单以两个账户操作结尾。

03

就地展开的菜单

在手机上,Resources 原地展开,四个链接缩进排在它下面。菜单最后是实心按钮 Try for Free! 和文字链接 Sign in,两个账户操作的视觉分量因此有所区分。

000

使用说明

Yan Fontão
轻点
打开一个屏幕
点击
打开一个屏幕
拖动
浏览项目墙
滚轮
鼠标缩放,触控板移动,双指缩放
− +
拉远查看整面项目墙,或拉近
方向键
在案例中:↑↓ 切换案例,←→ 切换媒体。在项目墙上:移动
空格
打开或返回
Enter
打开
Esc Backspace
返回
Home
回到中心,再回到开场
PgUp PgDn
上一个或下一个频道
Tab
依次浏览项目和链接
R
随机项目
0–9
输入频道号,1–61
?
本页
快捷键

项目墙背景音乐

文件已为网页压缩并统一音量。

开放
合作
聊聊吧

给 Yan 发消息

告诉我你是谁,我会尽快回复。

000

关于 Yan

你好,我是 Yan

产品设计师/ 设计工程师

大多数产品都会在设计和代码之间丢掉一些东西。我的不会:我研究问题、设计产品,并亲手把界面上线,所以你批准的,正是用户最终拿到的。

  • 2018开始软件开发
  • UI + code设计与实现

合作过 Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

巴西 · 可远程、混合或驻场

Yan Fontão 的坐姿肖像:穿绿色毛衣、戴眼镜,手持麦克风。
开放
合作
聊聊吧
开放
合作
聊聊吧
000

加密频道

受保密协议约束

请输入访问码

向 Yan 索取访问码 ↗
开放
合作
聊聊吧
YAN FONTÃO 完整案例