Figma → HTML / React
从 Figma 到响应式实现
读取组件、间距和文字层级，并在桌面与手机主要宽度下检查显示。
- 范围
- Figma / HTML / CSS / React
- 交付
- 代码、检查结果、更新步骤
- 验证
- 构建与主要响应式宽度
TASKAL
咨询时可查看的样例
公开样例和非公开业务系统样例分开整理，便于销售时共享画面。
SELECTED WORK
从结构和设计一直做到实现
明确展示信息架构、Figma PC/SP 设计、WordPress 实现、表单及发布检查的负责范围。
WordPress custom theme
从信息架构到定制主题
整理固定页面、可编辑字段和咨询路径，并实现为适合业务的 WordPress 主题。
- 负责
- 结构、UI、主题实现
- 成果
- 页面、表单、更新字段
- 周期
- 小型网站 7 天
制作流程
- 01梳理目标、受众和转化路径
- 02制作线框与 PC/SP 设计
- 03实现 WordPress 主题和表单
- 04验证主要宽度、表单和更新步骤
未获得公开许可的项目会匿名处理公司名和 URL；公开演示会明确标注为演示。
DEMONSTRATIONS
公开演示・画面共享样例
以下内容不是客户项目，而是用于确认结构和功能的样例。
多语言网站路径样例
可确认日语、英语、韩语、中文切换，以及面向海外页面的展示方式。
适合希望向海外客户介绍的店铺和体验服务
语言切换海外文案咨询路径
多语言Landing
查看样例 本地 SEO 页面结构样例
可以查看结合地区名、行业和服务内容来扩展区域页面的思路。
适合希望增加搜索流量的本地服务业者
区域页面设计服务路径SEO文章结构
Local SEOPortfolio
查看样例 上门回收行业演示
这是整理回收品类、服务地区和咨询前不安的服务网站示例。
适合上门回收、估价、访问服务业者
品类页面估价前FAQ咨询表单路径
Landing pageContent
查看样例 咨询・客户管理小工具
从表单、客户列表、对应状态到CSV导出的轻量管理画面。
适合咨询和对应状态分散在表格与聊天中的团队
客户列表对应状态CSV导出
客户管理CSV非公开
咨询时查看 分录・费用报销小应用
从费用申请、票据备注、审批状态到会计软件CSV导出的内部工具。
适合费用报销和分录确认分散在表格・聊天中的小团队
费用申请审批状态CSV导出
费用报销分录确认非公开
咨询时查看 接待・Reception 小应用
从访客接待输入、负责人通知、对应状态到CSV导出的内部工具。
适合用纸张或聊天管理接待、访客、预约和负责人呼叫的业者
访客接待负责人通知状态管理
接待应用Reception非公开
咨询时查看 图片・提交物上传基础
用于接收图片和附件，并从管理画面确认的业务基础。
适合希望通过表单接收照片、资料和申请信息的业者
文件接收提交物列表确认状态
上传提交物管理非公开
咨询时查看