MWS

menu icon

流光网页工作室

M
uizz
W
eb
S
tudio
Loading screen with text 'BUSHDID SMILES' and a horizontal progress bar featuring a tooth icon at its right end on a beige background.Website header for Bushdid Smiles dental services with a navigation menu, 'Our 服务' section text, and video thumbnail of a man speaking.Dental website homepage featuring a confident woman holding a mirror, with text highlighting dental wellness and a navigation menu.Hand-drawn town map highlighting Yummy Scoops ice cream shop with an arrow and glow effect, framed by a menu list on a pale yellow background.Smiling woman with curly hair outdoors, promoting a Smile Makeover service with navigation menu below.Dental team of eight smiling members in black attire, some holding birthday cakes, posing inside a dental office with a logo in the background.Jar of Reine de Safran Royal Saffron Face Cream displayed on a decorative box with product benefits and sold out notice on the right.Construction worker wearing a yellow hard hat and orange safety vest operating drilling machinery in a deep excavation site.Luxury skincare jars with cream on white satin fabric, promoting natural Persian beauty product.Bride and groom walking down the aisle outdoors, surrounded by applauding guests in a wedding ceremony.

下一代网站。沉浸、快速。我构建高级、即载,并能把访客变成长期客户的数字体验。

Loading screen with text 'BUSHDID SMILES' above a white loading bar ending with a tooth icon on a beige background.Illustrated town map with an arrow pointing to 'Yummy Scoops' ice cream shop highlighted by a circle, alongside a vertical menu listing locations like Imperial Apartments and King Carl's Castle of Cars.Smiling woman with curly hair outdoors under clear sky, titled Smile Makeover with navigation menu below.Dental clinic website section titled Our 服务 with navigation menu and a video thumbnail of a man in a dark jacket speaking.Smiling dental team posing together indoors holding chocolate cakes with a '30' candle, under the '关于 Us' section.Website header with Bushdid Smiles logo, navigation menu, and headline 'A New Standard of Dental Wellness' beside a paragraph about dental care, with a woman holding a mirror in a dental office shown below.Bride in white wedding dress and groom in white suit walking hand in hand down an aisle outdoors, surrounded by applauding guests.Construction worker in a yellow hard hat and orange safety vest operating a yellow excavator in a deep excavation site.Open jar of creamy skincare product alongside closed elegant jars on white silk fabric.

FRAMER

GSAP

WEBFLOW

WORD PRESS

SPLINE 3D

技术栈

关于我

我是流光,一名拥有 5 年以上经验的开发者,擅长把出色视觉和稳定性能连接起来。

我相信网站是最有价值的长期成员:它不会休息,也应该持续帮你建立信任与转化。我的方法很简单:高信任,高性能。

无论你是在整理一个运行二十年的老站,还是发布一个现代 SaaS 产品,我都会用同样的专注、沟通温度和技术精度推进项目。

一起打造值得记住的体验。

5+ 年经验

连接创意设计与技术工程。

01

design Illustration

1:1 视觉还原

像素级执行,不让开发随意改写设计。

design Illustration

02

90+ 性能评分

快速加载,让用户保持兴趣并继续行动。

perfomance Illustration

03

300% 增长与零数据丢失

我会处理严谨的整理与 301 重定向,保留域名权重;新的高性能架构则面向自然流量增长而设计。

growth Illustration

04

精选作品

01

kontenta

在线案例

说明:

为文化智能平台打造的高级数字体验:把全球行为信号转化为洞察,让创作者以文化脉搏和 AI 速度讲述故事。

行业:

智能营销 / 文化数据分析

工具:

Webflow (GSAP, Three.js, WebGL)

叙事:

这不是常见的 AI 叙事。我围绕人类创意与机器增强的协同关系设计互动体验,把海量现实文化信号如何转化为各市场原生内容,用视觉方式讲清楚。

功能:

我构建了无限 DOM 螺旋、WebGL 环境,以及无需刷新即可切换的无障碍模式,用来表现文化数据的汇聚过程。

02

Essence Persia

在线案例

说明:

一个高端护肤电商站,将古老波斯仪式与现代科学结合,以精致、女性力量和纯净素食价值为视觉基调。

行业:

美妆护肤 / 电商

工具:

Webflow (复杂库存 CMS)、Figma、Google Analytics。

叙事:

用现代品牌系统重启波斯文化记忆,并讲述女性力量。

功能:

开发自定义货币切换器,实现全球实时价格;实现动态库存逻辑管理售罄状态;集成更顺畅的浏览器支付体验。

Essence Persia Brand Website

03

Comert Photography

在线案例

说明:

为摄影师 Yasemin Comert 打造的精致作品集,聚焦婚礼、私房与生活方式摄影。网站采用干净、以图像为中心的设计,让“无瑕而优雅”的品牌气质成为主角。

行业:

摄影 / 创意作品集 / 服务

工具:

WordPress、Elementor Pro、Figma。

叙事:

捕捉每一刻的美与情绪,讲述生活里最动人的故事。

功能:

实现带分类筛选的动态作品图库;集成顺畅的预约咨询表单;优化高清图片资源,让视觉与速度同时在线。

Comert Photography Brand Website

服务

responsive iconfigma iconframe icon

UI/UX 策略与设计(蓝图)

01

包含内容:

1:Figma UI 设计:精细界面与线框。

2:用户体验:规划用户流程与站点地图。

3:设计系统:建立可扩展的颜色、字体与组件规范。

4:响应式规划:设计不同设备下的布局适配。

优秀网站始于清晰策略。我用 Figma 设计像素级界面,关注干净排版、直觉布局和移动端响应。在写第一行代码前,先建立稳固且面向转化的基础。

01

webflow iconwordpress iconlayout icon

Webflow 与 WordPress 开发(构建)

02

包含内容:

1:像素级转译:从 Figma 到 Webflow 或 WordPress 的 1:1 实现。

2:平台选择:按需求判断 Webflow 或 WordPress 更合适。

3:可维护结构:使用清晰命名,让团队更容易管理页面。

4:技术 SEO:语义结构、Schema 与缓存优化。

已经有设计稿?我会把它转译成高性能网站。我不会强迫使用某一种工具,而是按商业目标选择合适引擎。无论是 Webflow 的设计自由度,还是 WordPress 的生态能力,我构建的是可扩展系统,而不是几张页面。

02

responsive iconfigma iconframe iconwebflow iconwordpress icon

端到端方案(设计 + 开发)

03

包含内容:

1:完整项目周期:从概念到上线。

2:统一视角:减少团队之间来回损耗。

3:快速迭代:必要时直接在浏览器里打磨。

4:上线培训:提供清晰的使用说明。

这是一种低摩擦方案。我负责完整生命周期,减少设计与开发之间的信息损耗。因为同时掌握审美方向和技术执行,项目能更快构建、更聪明迭代,并尽可能贴合最初愿景。

03

responsive icondatabase iconcode iconshield icon

定制工程与交互(关键差异)

04

包含内容:

1:高级动效:用 GSAP、ScrollTrigger 与 WebGL 组织沉浸叙事。

2:Web 应用:构建仪表盘、计算器与可扩展产品界面。

3:现代前端:构建轻量且一致的定制界面。

4:API 与自动化:连接数据、CRM 与前端流程。

当标准 CMS 不够用时,我会用全栈背景构建定制数字产品。无论是高质感动效,还是复杂 Web 应用,我会用正确的代码解决问题,而不是只选择最省事的工具。

04

评价

在之前的外包团队无法交付 WordPress 网站后,流光接手并超出了我的预期。他用 Webflow 重建了网站,并准确纳入护肤行业的各种细节需求。流光对细节非常敏锐,不只是交付页面,还提供了充分支持,确保上线时所有功能都稳定可用。沟通顺畅,我会推荐给任何需要高质量网站开发的人。

Diana Azimi

品牌主理人

流光是一位非常出色的自由开发者,尤其擅长定制网站。我对设计有很明确的想法,他用自定义代码把愿景实现出来。整个过程中我们定期沟通,他很在意每个细节是否符合我的期待,也愿意持续调整,直到最终效果超过预期。

Jennifer Mattison

品牌创始人

流光是非常可靠的 WordPress 开发者。我经营一家营销机构,也把自己的站点交给他处理。现在,他已经为我和客户成功搭建了多个高水准网站。

Jayson Serepisos

机构创始人

与流光和 ThemesPlatform 合作非常顺利。他在网站构建和设计方面都很专业,最终成品正是我们想象中的样子:简单、直观、好看。它会成为讲述组织故事的重要工具。如果你需要新网站或网站升级,我们很推荐他们,也愿意未来继续合作。

Adam Burgess

项目总监

流光为我们的非营利疗愈艺术中心设计了漂亮的新网站。我们评估方案的过程很长,他始终耐心,并认真理解我们的需求与期待,最终把它们转化成了一个很棒的网站。

Taylor Frome

组织成员

在之前的外包团队无法交付 WordPress 网站后,流光接手并超出了我的预期。他用 Webflow 重建了网站,并准确纳入护肤行业的各种细节需求。流光对细节非常敏锐,不只是交付页面,还提供了充分支持,确保上线时所有功能都稳定可用。沟通顺畅,我会推荐给任何需要高质量网站开发的人。

Diana Azimi

品牌主理人

流光是一位非常出色的自由开发者,尤其擅长定制网站。我对设计有很明确的想法,他用自定义代码把愿景实现出来。整个过程中我们定期沟通,他很在意每个细节是否符合我的期待,也愿意持续调整,直到最终效果超过预期。

Jennifer Mattison

品牌创始人

流光是非常可靠的 WordPress 开发者。我经营一家营销机构,也把自己的站点交给他处理。现在,他已经为我和客户成功搭建了多个高水准网站。

Jayson Serepisos

机构创始人

与流光和 ThemesPlatform 合作非常顺利。他在网站构建和设计方面都很专业,最终成品正是我们想象中的样子:简单、直观、好看。它会成为讲述组织故事的重要工具。如果你需要新网站或网站升级,我们很推荐他们,也愿意未来继续合作。

Adam Burgess

项目总监

流光为我们的非营利疗愈艺术中心设计了漂亮的新网站。我们评估方案的过程很长,他始终耐心,并认真理解我们的需求与期待,最终把它们转化成了一个很棒的网站。

Taylor Frome

组织成员

流光是非常可靠的 WordPress 开发者。我经营一家营销机构,也把自己的站点交给他处理。现在,他已经为我和客户成功搭建了多个高水准网站。

Jayson Serepisos

机构创始人

与流光和 ThemesPlatform 合作非常顺利。他在网站构建和设计方面都很专业,最终成品正是我们想象中的样子:简单、直观、好看。它会成为讲述组织故事的重要工具。如果你需要新网站或网站升级,我们很推荐他们,也愿意未来继续合作。

Adam Burgess

项目总监

流光是一位非常出色的自由开发者,尤其擅长定制网站。我对设计有很明确的想法,他用自定义代码把愿景实现出来。整个过程中我们定期沟通,他很在意每个细节是否符合我的期待,也愿意持续调整,直到最终效果超过预期。

Jennifer Mattison

品牌创始人

流光为我们的非营利疗愈艺术中心设计了漂亮的新网站。我们评估方案的过程很长,他始终耐心,并认真理解我们的需求与期待,最终把它们转化成了一个很棒的网站。

Taylor Frome

组织成员

在之前的外包团队无法交付 WordPress 网站后,流光接手并超出了我的预期。他用 Webflow 重建了网站,并准确纳入护肤行业的各种细节需求。流光对细节非常敏锐,不只是交付页面,还提供了充分支持,确保上线时所有功能都稳定可用。沟通顺畅,我会推荐给任何需要高质量网站开发的人。

Diana Azimi

品牌主理人

常见问题

一个项目通常需要多少预算?

一个项目通常需要多少预算?

每个项目都不同。落地页通常从 2,500 美元起,完整定制站点通常从 10,000 美元起。我关注高性能与定制结构,而不是套模板。明确范围后会给出固定报价。

可以做免费测试或试点吗?

可以做免费测试或试点吗?

不做免费代码测试。作品已经说明能力。复杂项目可以从较小的付费发现阶段或试点任务开始,确认合作方式合适后再进入完整范围。

你使用标准 Webflow 交互还是定制代码?

你使用标准 Webflow 交互还是定制代码?

采用混合方式以获得更高性能。Webflow 原生工具很好,但高端动效会用自定义 CSS 与 GSAP 实现,让动画更顺滑,也更贴合品牌。

这些动画会拖慢网站吗?

这些动画会拖慢网站吗?

不会。笨重通常来自糟糕代码,而不是丰富视觉。我使用 GSAP 与干净 JavaScript,并优化每个资源,让页面既有质感又快速。

如果项目需要登录、仪表盘、API,Webflow 够用吗?

如果项目需要登录、仪表盘、API,Webflow 够用吗?

可以,因为这里把 Webflow 当作强大的前端,而不仅是搭建器。复杂功能会结合 Wized 与 React,构建带登录和动态数据的 Web 应用。

网站上线后会发生什么?

网站上线后会发生什么?

不会上线后消失。会提供培训说明,帮助你管理内容。长期维护可以通过月度支持处理技术维护、安全更新与功能扩展。

查看项目 *
left arrow icon