编者按：2010年9月，我们发起《志愿者为免费移动优化电子商务网站》案例研究，招募商家参与并跟踪移动建站全过程。经评审，DecalGirl.com入选。本文为该系列第四篇（终篇）。
第一期：《为移动设备优化电子商务网站，第1部分：入门》于11月发布，MobilizeToday.com与DecalGirl.com开始探索项目启动方案。
第二期：《第二部分：布局与设计》于12月发布，记录了DecalGirl.com移动首页初始设计稿的完成情况。
第三期：《第三部分：设计与兼容性》于12月底发布，聚焦设备兼容性及非移动端网站的适配挑战。
第四期：本文作为最终篇，回顾移动网站的实施与上线过程。
内部页面设计
在“第3部分”中，Trugbild和Peters均提交了主页设计方案，最终选定Peters的版本。确定主页后，需敲定内部页面的风格与数量。
Trugbild制作了14个内部页面原型：结账页与单品购买页采用灰黑色背景，浏览导向型页面则使用鲜艳橙色背景。
橙色产品页面。
Peters认可该设计，但认为橙色背景会分散用户对产品的注意力，遂决定统一改为灰黑色背景。Trugbild随即调整了所有页面配色。
灰黑色内部页面。
视觉元素完善后，Trugbild负责编码页面布局与样式，Peters则负责服务器端功能开发与编码。
灰黑色产品页面。
编码工作证明十分困难
Peters的编码耗时远超预期。Trugbild于2月7日交付最终图形，2月17日交付包含CSS、图像、HTML及JavaScript的运行标记文件，Peters随即开展工作。
Peters深厚的开发经验在此阶段发挥关键作用。作为DecalGirl.com联合创始人兼CEO及原始开发者（含定制购物车系统），他在移动端优化方面具备独特优势。
准备上线过程中，障碍较少且轻微：客户信用卡信息页缺失账单地址表单被轻松补全；Peters希望增加产品页快速搜索筛选功能，Trugbild仅用约1天即完成标记语言编写。
此外，Trugbild建议添加“无限滚动”（Infinite Scroll）功能，允许用户无需翻页即可浏览长列表底部。Peters采纳建议并完成了该功能的部署。
移动站点上线
尽管面临巨大挑战，Peters仍致力于推动网站运营。自2月17日起进行代码开发与测试，截至本文发表时（3月31日），移动站已迁移至公开地址m.decalgirl.com，但功能尚有限。
DecalGirl.com 移动端首页，上半部分位于左侧。
上线初期，基本浏览与购物功能已实现，“制造商”和“设备”列表筛选功能正常运行。客户结账流程已备妥但未最终完成，信用卡处理及收据生成发送环节尚未就绪。
鉴于时间紧迫，Peters选择优先投入前端开发，集中处理大量产品选项的编写与测试。
需要更多时间和测试
Peters表示实施周期长于预期：“大量前端代码被迫重写。复杂网站仅基于静态原型设计存在局限，未能充分考虑不同产品间的差异。”
以手机保护壳为例，颜色、尺寸、涂层（高光/哑光）等变量均影响定价及购物车显示。Peters指出：“约有100种特定产品选项需单独布局、测试及编码。”
构建过程中还发现导航体验笨拙，这也是静态原型无法暴露的问题。
Peters坦言：“随着深入开发，我实际上是在重写整个网站——包括脚本、数据格式化、AJAX组件等，以支持移动端目标。产品线复杂性使这一过程极具挑战，工作量远超预期，即便全力投入，进展依然缓慢。”
未来数周至数月内，Peters计划逐步完善移动端网站，使其全面投入运营。
完整系列：优化电子商务网站的移动设备适配
- 志愿参与免费移动端优化的电子商务网站项目
- 第一部分：入门指南
- 第二部分：布局与设计
- 第三部分：设计与兼容性
- 第四部分：实施与发布