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

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

Case 054落地页设计

Succession Now

一个继任规划产品的营销网站,为桌面端和手机端设计,围绕预约演示这一个操作展开。

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

01

我的贡献

Succession Now 是一个继任规划产品的营销网站。Figma 文件包括一个落地页、一个带成功提示的演示对话框、一个指南领取入口,以及菜单和对话框的手机版本。

滚动浏览设计稿:落地页,从产品到功能。

02

让下一步始终在视线里

在桌面端,首屏的文案很短,并排放着两个操作:预约演示用实心按钮,观看演示用更低调的按钮。同一种绿色也用在带指南领取入口的顶部栏里,所以颜色标出的就是可以去做的事。

手机菜单沿用这个顺序。先是六个朴素的链接,然后是浅色块里的 Login 和纯绿色的 Schedule My Demo,这样两个操作很容易区分。

全屏手机对话框,浅绿色照片上放着 Succession Now 标志,另有一句简短的话、姓名和邮箱输入框,以及一个绿色的 Schedule my demo 按钮。
手机菜单,有 Succession Now 标志、一个关闭图标、六个文字链接、一个浅色的 Login 块和一个纯绿色的 Schedule My Demo 按钮。
演示对话框要求填写姓名和邮箱,用一个按钮继续。 手机菜单以浅色块里的 Login 和纯绿色的演示按钮收尾。

03

只需要很少信息的对话框

演示对话框占满整个手机屏幕。浅色照片上放着标志,一句简短的话引出这一步,表单只有两个输入框:姓名和邮箱。关闭按钮留在顶角,所以退出和继续一样清楚。

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 完整案例