yoyo

接单中 · 可远程

把你的想法,
做成看起来值钱的网页

我用一套固定流程做前端设计与实现:先走查、画页面地图,再做主流程、补状态、上线验收。不是「先跑起来再说」,所以交付稳定、返工少、改起来不心虚。

3–7 天
单页交付周期
4 个断点
每次都做响应式验收
2 轮
交付内免费修改

Styles

四种风格,点一下整站就变

说不清自己想要什么风格很正常。直接在下面点,整个页面会实时变成那个样子——看中哪个就说哪个。选定的那套就是需求文档,后面改稿有依据,不用来回描述。

选定的那套会作为设计基准写进需求。想在此之上按你自己找的参考站调整配色和排版,属于加价项;要完全按参考站重做结构和布局,我们单独聊工期。

Effects

这些效果,我都能做

下面每一块都是真的在跑,不是截图——你可以直接上手摸。看中哪个,直接说编号就行。全部是 CSS 加少量原生 JS 实现的,不依赖收费组件库,也不会拖慢你的站。

01

文字逐字浮现

首屏标题入场,鼠标移上去重播

移动鼠标试试
02

卡片 3D 倾斜

跟随鼠标的透视旋转,产品卡常用

鼠标移进来
03

聚光灯跟随

光斑跟着鼠标走,深色页面效果最好

边框在转
04

流光边框

旋转的锥形渐变描边,强调主推方案

Next.jsTailwindTypeScript响应式无障碍静态部署设计令牌Next.jsTailwindTypeScript响应式无障碍静态部署设计令牌
05

无限跑马灯

无缝循环,两端淡出,放 logo 墙或标签

0
滚动到这里自动开始
06

数字滚动

滚动到视口自动开始,数据展示用

靠近我
07

磁吸按钮

按钮被鼠标吸过去,提升点击率

纯 CSS,无图片
08

极光渐变背景

纯 CSS 模糊色块,不用一张图

01第一屏
02第二屏
03第三屏
09

整屏滚动切换

在框里往下滚试试,一次一屏。适合每屏一个主题的发布页和活动页

以上效果都包含在 ¥399 档以内。要 3D 场景、粒子流体或逐帧视频动画的,那是另一个量级,得单独评估工期。

Process

怎么做,比做什么更重要

大部分返工不是因为技术不行,是因为一开始没把问题拆开。这四步是我每个项目都会走的顺序。

  1. 01

    走查与页面地图

    先把你现有的网站或参考站当普通用户走一遍,列清页面、入口、按钮和跳转关系,再定优先级。看懂了才动手。

  2. 02

    结构先行

    先只做导航、首屏、内容区和主按钮的骨架,不碰视觉。结构对了,后面改样式才不会推倒重来。

  3. 03

    视觉与状态

    用一套设计令牌统一颜色、字号、间距和圆角;加载中、空数据、出错、成功、禁用这些状态一起做完,不留尾巴。

  4. 04

    验收与上线

    390 / 768 / 1024 / 1440 四个宽度逐一检查,再用键盘走一遍主流程,最后构建、部署、绑域名,并保留可回滚版本。

Pricing

报价怎么算

按交付物算,不按工时算——你知道最终花多少钱,我也不用为了凑工时磨洋工。先看清单再定价,确认之后不加钱。

纯静态页面

单页展示、活动页、个人主页。按设计稿或参考站还原,含移动端,不含复杂动效。

  • 1 个页面,桌面端 + 移动端
  • 390 / 768 / 1024 / 1440 四个宽度逐一验收
  • 基础悬停与过渡效果
  • 2 轮免费修改
  • 含部署上线,直接给你能访问的链接
聊这个方案

完整前端

多页站点,含完整动效和全部页面状态。数据先写死,后续可以接后端。

  • 4–8 个页面,统一壳层与可复用组件
  • 完整动效方案(进场、滚动、交互)
  • 加载中 / 空数据 / 出错 / 成功状态齐全
  • 页面地图 + 交付文档,后续好维护
  • 3 轮免费修改
聊这个方案

带后端的完整站

需要登录、支付、数据库的项目。前后端一起做,按功能清单单独评估工期和报价。

  • 在「完整前端」基础上继续
  • 用户注册与登录
  • 支付接入(需你提供商户资质)
  • 数据库与后台管理
  • 工期通常 3 周以上
聊这个方案
价格区间与加价项常规项目 ¥200 – ¥5000,按交付清单评估

下面这些不含在基础档里,需要就加,不需要就不加。聊需求时会先把清单和总价列给你,不会做完了再加钱。

  • 每多一个页面+¥150
  • 完整动效方案(加在纯静态档上)+¥300
  • 预留后端接口,定义好数据结构,后端接上即可用+¥400
  • 图片与图标代找,含商用授权确认+¥100
  • 域名购买与部署上线+¥100

价格按交付物算,不按工时算——你知道最终花多少钱,我也不用为了凑工时磨洋工。

FAQ

常见问题

只有一个参考网站链接,没有源码,能做吗?

能。这种情况我会先做黑盒走查——把参考站当普通用户走一遍,整理页面清单和任务路径,再重建前端。需要注意的是:只有链接时能还原视觉和交互,但真实登录、真实数据和真实提交需要你提供接口或后端配合。

我不懂技术,怎么跟你对需求?

你只需要提供三样:想做成什么样(参考网站或截图)、页面上要有哪些内容、用户最应该点哪个按钮。剩下的拆解由我来做,每完成一段会给你可以直接打开检查的链接。

交付什么?后续能自己改吗?

交付完整源码 + 一份交付文档(页面地图、设计令牌说明、部署方式)。改文案这类改动集中在一个文件里,你自己就能动。

有想做的页面?直接说需求就行。

带上参考网站链接或截图,我看完会先告诉你能不能做、大概多久、多少钱——不合适我会直说。

联系方式即将开放

一般 24 小时内回复 · 不合适会直说,不浪费你时间

  1. 01

    加微信,把参考链接或截图发我

  2. 02

    我列出交付清单和总价,确认没问题再开始

  3. 03

    在闲鱼下单付款,平台担保交易

  4. 04

    分段交付,每段都给你能打开检查的链接

下单和付款走闲鱼,走平台担保对你我都安全——有纠纷有仲裁,交付不满意能退。本站不收款,也不会向你索要任何付款信息。