Driiiip 词多多是个小团队做的教育小程序——小到"团队"有时候就我一个人,加一个 AI 搭子。
这个 AI 搭子很能干:改代码、画封面、写文案、查资料,样样都行,就是偶尔会一本正经地胡说八道。所以我们定的规矩是:它出方案,我把关,上线前必须人眼验证。
以前干活都是闷头干,这周开始我们打算把每周干了啥记下来,公开放在攻略里。一是给自己留个底,二是让关心 Driiiip 的人知道,这个产品不是躺着的,它每周都在往前挪。
这是第一期。以后每周更新。
一、这周干了啥(先看账单)
- 官网大改版:从"给电脑看的"改成"给手机看的",首页文案全部重写。
- 看图识词:灵光闪应用上线 + 嵌进官网,定价、语音、关卡页全调了一遍。
- 小程序修 bug:词根词缀页改版、多词查询详情修好、TTS 声音重做。
- 内容和推广:公众号文章《月卡 3 块》发布,封面磨了三版,出了一份出图规范。
- 顺手的事:定了核心文件备份规范,以后不再每次打包整个 1.6G 的项目。
二、官网大改版:先让手机用户舒服
起因很直接:我用手机在百度搜"Driiiip"进官网,发现页面在手机上又挤又长,根本没法看。官网定位是引流到小程序,手机端体验不行,等于白做。
这周做的事:
- 首页文案全部重写,说人话。现在首页讲的是:22,167 个单词、24,954 组短语、7,339 个例句,从小学覆盖到专八;"会的少练、不会的多练"——把算法翻译成人话。
- 功能卡片改成手机友好的排布:图标和标题居中,图片不撑破窄屏,手机上不再需要滑半天。
- "微信搜索小程序"提示改成微信绿底白字,一眼认出是微信入口。
- 免费测词汇量的文案升级:不只是"测一下词汇量",而是"每次测试记录成长,越测越有底气"——测完还能顺便复习。
- 删掉了一个光秃秃的"学段覆盖"文字块——只有一排字,没有图,又占地方又没信息量,砍了。
改完第一版后,发现首页有几处手机窄屏下破折号换行、内容不居中,又返工了一轮。这很真实:改版不是一次到位的,是来回磨出来的。
三、看图识词:3 岁娃也能用的英语启蒙
看图识词是我们很看重的一个启蒙功能:不认字也能看图选词。这周把它做成了独立的"灵光闪应用",并嵌进了官网的"看图示词"栏目。
这一路做了不少细活:
- 定价:定价 3.9 元、卖 1.9 元、前 2 关免费。免费让人进来,付费让产品活下去。
- 封面:进入小程序先显示封面,停留 1 秒再进首页。
- 语音交互:专门设计了一套中文语音提示——进首页说"小朋友们,我们开始学习咯";每道题随机说"这是什么?""这个该怎么念?";答完按成绩夸孩子;错过的题再出现时有专属提示。语音文案全部真人风格,反复改了十几条。
- 关卡页:每关下方显示前 4 张图 2×2 小图;关卡数字加粗居中,第 1 关到第 41 关颜色从绿渐变到红。
- 修了一个典型 bug:点下一个词的时候,上一个词的发音还在放——加了个"先停旧再播新"的机制。
四、小程序:这周修的 bug 和优化
- 词根词缀页改版:搜索框挪到"词根/前缀/后缀"切换栏上方;切换栏加"可点击"提示——一开始想加一行文字"点一下,切换",后来觉得有动效就别用文字,改成呼吸灯:未选中的两个按钮右上角一颗蓝点呼吸 5 秒后熄灭,提醒完就安静。
- 多词查询详情修复:用户在首页点"多次查询"→ 查一批词 → 点单词详情,发现详情不显示。查代码发现这个入口之前只弹了个提示框,详情页根本没接上——是历史遗留的半成品。现在点详情会直接跳到单词详情视图,短语则引导去短语闯关。
- TTS 声音重做:小程序自带的中文朗读音色太"机器",我们把所有中文交互发音批量生成成了 MP3 音频文件,替换掉难听的实时合成。
- 代码包超限:预览时报"main package 2192KB 超过 2048KB 限制",排查分包和资源,把体积压回限制内。
- 闯关结算排查:单词闯关做完一关没走到结算画面、短语闯关做完关卡列表不显示已通关——两个进度类问题都查了并给出修复方案。
五、内容和推广:一篇公众号文章磨了三版封面
这周发布了一篇推广文:《月卡 3 块钱还分我 55%?这老板格局真的大出天际》(攻略里能看到),讲的是推广合伙人计划——别人扫码买月卡,你拿 55% 分润,每单到手 1.65 元。
文章本身很快写完了,封面图磨了三版:
- 第一版:品牌背景图 + 大字标题——"太丑"。
- 第二版:规范的网格排版——"要的是带企业宣传规范的图"。
- 第三版:深蓝渐变 + 钩子文案"这个老板的格局,真的把我整不会了" + 数据条(月卡 ¥3 / 推广分 55% / 每单 1.65 元)+ 真实小程序码。这版上线了。
顺便我们把企业宣传出图规范整理成了一份文档:画幅尺寸、品牌色、字体字号、钩子文案怎么写、什么错绝对不能犯(比如价格数字绝不交给 AI 渲染——AI 会把 1.65 画成"16 元")。规范发在了攻略里(《一张让人想点的封面是怎么做出来的?》),飞书上也存了一份。以后我们发的每一张图,都按这套标准来。
六、其他:备份规范、攻略排序
- 核心备份规范:项目文件夹已经 1.6G 了,每次全量备份太蠢。定了一套"核心清单":小程序全部代码 + 官网整站 + 后端源码 + 词库数据,打包起来只有 45MB。写了个备份脚本,以后每次运行自动按日期建文件夹。
- 攻略列表重排:最新文章排最前面,之前的老文章统一顺延。
七、下周预告
看图识词继续打磨、公众号继续发、官网继续盯手机端体验。也欢迎你告诉我们想看到什么——这个产品是给谁做的,就该听谁的。
下周同一时间,我们继续记。📝