大多数网站由于设计不佳的 UX (User Experience) 而流失客户。过于复杂的订单表格、不明显的导航、过载的菜单或手机屏幕上难以阅读的字体,都会促使用户关闭标签页并转投竞争对手。视觉设计不仅要“令人喜欢”,还要解决业务问题——引导访问者沿着转化漏斗完成购买或提交申请。
我们基于UX研究和行为心理学来设计界面。我们分析热力图和网站录屏,开发客户旅程地图(CJM - Customer Journey Map),在Figma交互原型上测试假设,只有在此之后才会开始绘制最终的视觉布局(UI)。
我们设计稿上的每个按钮、表单和界面元素之所以出现在特定位置,绝非仅仅为了“美观”,而是因为得到了最佳可用性实践和雅各布·尼尔森 (Jakob Nielsen) 启发式评估的证实。
在进行全面的UX/UI重新设计后,网站的平均转化率(CR)增长
访客对品牌形成第一印象所需的内容
响应式设计 — 所有版式均包含基于网格的移动端和平板端版本
24/7 共享布局访问的现代设计标准
我们使用细小的可复用原子和分子(按钮、输入框、卡片)来组装界面。这确保了100%的风格一致性,并将后续程序员的开发速度提升了2倍。
我们设计能够帮助用户以最快速度完成任务的界面。
我们绝不会直接开始绘制精美的图形。首先,我们创建一个交互式的黑白原型(Wireframe)。在此阶段,我们将确认转换逻辑、模块组成、目录结构和申请表单。
这节省了项目时间,并允许在不进行昂贵的布局修改的情况下调试逻辑。
现代互联网中高达 80% 的流量来自手机。我们以智能手机屏幕为导向设计界面。精心考量单手手指点击元素的便捷性、字体大小和对比度。
无论是小屏幕还是超宽 4K 显示器,您的网站都将同样便于使用。
我们交付的方案不是静态图片,而是在Figma中构建的交互式可点击原型。您可以在智能手机或电脑上打开链接,点击按钮、菜单和输入框。
这使得在程序员开始工作之前,就能全面体验未来的网站。
从分析和原型到构建 UI 套件并交接给前端的设计分步路径。
研究公司的业务目标,确定用户画像,对竞争对手网站进行审计,收集结构需求。
绘制用户从首次进入网站到成功发送请求的路径地图,消除不必要的步骤和障碍。
开发所有关键屏幕的示意性黑白布局 (wireframes)。确定元素排列和文本。
创建 2-3 个主页的视觉设计方案:选择字体、颜色、图形风格,并确定整体美学。
将所选风格扩展到所有内部页面、表单、弹出窗口和购物车。创建平板电脑和智能手机的设计稿。
设计设计系统:字体网格、颜色、按钮状态(悬停/激活/禁用)。配置图标和图片的导出供前端开发人员使用。
我们使用现代专业界面设计工具。
界面开发的主要工具。允许使用自动布局(Auto-layout)、变体(Variants)设计组件,并组织实时团队协作。
用于在导入设计稿之前,进行深度照片修饰、拼图制作以及复杂矢量图形、图标和 Logo 的绘制。
用于创建界面动画原型并将矢量动画导出为JSON格式的软件。这使程序员能够轻松地将动画迁移到运行中的网站,而不会降低质量。
费用取决于项目规模、唯一页面数量以及对交互原型图的要求。
| 功能与特性 | 落地页设计 用于展示单一产品或服务 40 000 ₽ 期限:最多 7 天 订购 | 热门 企业形象设计 多页企业网站界面 70 000 ₽ 期限:最多 14 天 订购 | 网店设计 大型电子商务系统设计 110 000 ₽ 起 期限:20天起 讨论 |
|---|---|---|---|
| 独特的页面布局 | 1 个页面(最多 7 屏) | 最多 15 个页面 | 最多 30 个页面(包含个人中心) |
| 交互式可点击原型 | 页面基础过渡效果 | 在 Figma 中进行完全界面模拟 | |
| 响应式移动端版式 | 智能手机版本 | 智能手机 + 平板电脑网格布局 | 智能手机 + 平板电脑网格布局 |
| 构建设计系统和 UI-Kit | 基础字体与颜色 | 成熟的组件 UI-Kit | 包含 Token 和 State 的设计系统 |
| 风格概念数量 | 1 个风格概念 | 2 个方案供选择 | 3 个方案供选择 |
| 准备图形资源文件 | 导出SVG/PNG | 导出 + 大小优化 | 导出 + 优化 + Lottie动画 |