看看真实的店铺如何用 Navi+ 重新组织导航 —— 他们遇到的问题、选择的菜单,以及最终的结果。
turbopowersports.com —— Powersports 零售(ATV / 雪地摩托 / 水上摩托……)
商品目录庞大,默认主题难以承载。三种 Navi+ 菜单分别负责三个独立的问题: Mega 在桌面端把目录铺开,Slide 深入到各级子分类,Tab Bar 担任移动端的主导航。
babystudio.com.au —— 母婴与育儿零售
商品目录分组众多,移动端需要更清晰的路径。Mega Menu、Slide Menu 和 Tab Bar 各司其职,让顾客更快地发现商品。
gpsnation.com —— Garmin 设备零售
庞大的 Garmin 目录。Navi+ 黄金三件套 —— Mega Menu 覆盖桌面端、Slide Menu 深入子层、 Tab Bar 负责移动端 —— 配合成一套在各种设备上通用的整体导航方案。
heaterhk.net —— 手机 & 平板维修(香港)
一个庞大的网站(品牌 × 型号 × 故障 × 门店)。Navi+ 替换主 header,通过共用同一套结构, 把整个站点折叠成易用、移动端与桌面端一致的导航。
reloadpaddle.com —— 匹克球单页 landing
一个单页 landing page。Navi+ 在 Slide Menu 与 Tab Bar 中用 scrollTo,直接在同一页上 顺滑地滑动到各部分 —— 极简、聪明,不 reload。
有新的案例时会陆续补充。