移动应用设计

Boater. 从选船到登船

一款葡萄牙语的租船与游船行程应用，把想租船的人和广告发布者连接起来。屏幕上的预订、人物和价格均为示例内容。

来自 Figma 和 Dribbble 上原始设计的页面，使用示例数据。

Boater 是一个葡萄牙语平台，按它自己欢迎文字里的话说，是把有意租船的人和广告发布者连接起来。Figma 文件里有 52 个手机端 Frame，外加变体，分成两部分：租船人的流程，从搜索和预订到登船登记和聊天；以及广告发布者专区，有自己的个人资料和预订。这里我跟随租船人的视角。

新手引导，以及带有地点和热门行程的一个首页版本。

预订临近时，首页顶部会出现一张深色卡片，写着订了什么、日期、剩余时间，以及一个按钮 Fazer check-in。发现区从卡片下方开始，有 Para você 和 Explorar 两个 Tab，以及展示最热搜索地点的大幅照片卡片。同一个页面，既服务即将登船的人，也服务还在挑选的人。

信息页面给船长单独设了一个 Tab，和船上的设施分开。里面有姓名和一段简短的简介，经验、行程和评分三个数字，证件的核验日期，以及一份认证清单。这个人物和这些数字都是示例内容。这样的结构说明了用意：人们既能看船提供什么，也能查到是谁在驾驶。

应用的大部分是白底配深色卡片。创建预订后，页面换成一张铺满屏幕的海景照片，上面有 Logo、一句简短的确认和一个按钮 Ver Reservas，点开可以看预订状态所在的位置。另一个页面沿用这张照片，放上一张行程贴士卡片和唯一的 Fechar 按钮。