Victor Ohiri
Tara Designs
一个建筑与平面设计工作室的四页网站。
- 角色
- 设计与开发
- 我的部分
- 网站由我搭建,字体排印由我选定。
- 提供方
- 工作室提供了照片、名称和文案。
- 技术栈
- HTML, CSS, JavaScript, Canvas 2D
- 其他渠道
- 访问线上网站
A-01 / A-08
构想
一家建筑与平面设计公司的四个页面、一个可筛选的图库和一个联系表单。
A-02 / A-08
问题
它必须展示真实的作品:五个类别共十五个项目,每个都在灯箱中打开。
照片、名称和文案都来自工作室;网站要把它们展示好,并且让人容易联系到他们。
A-03 / A-08
思路
保持轻量:朴素的 HTML、CSS 和一个由四个页面共用的脚本。图库就是切换一个 class,加一个灯箱。

A-04 / A-08
关键决定
字体排印由我选定:标题用 Fraunces,小标签用 Space Mono,正文阅读用 Inter。
不用框架,也没有构建步骤:纯 HTML、CSS 和四个页面共用的一个脚本(最初是好几个,后来合并成了一个)。
联系表单会先在页面里检查填写的内容,再发送到 Formspree。
指针效果只在使用精确指针、且没有开启减少动态效果时才运行;点阵网络在第一版后一天做了速度优化。
A-05 / A-08
设计
深色的、像蓝图一样的表面,只有一种深红色强调色。各个章节的标注方式就像一套图纸里的图号。


A-06 / A-08
实现
朴素的 HTML、CSS 和 JavaScript,圆点网络用一个 canvas 绘制。
指针效果只在有精确指针、且没有开启减少动态效果的情况下运行。
从第一次提交到最后一次提交只用了三天:2026 年 8 月 28 日至 30 日之间共 25 次提交。
- 页面
- 首页、关于、作品、联系
- 图库
- 15 个项目,5 个类别
- 表单
- 先校验,再发送到 Formspree
- 字体
- Fraunces、Space Mono、Inter
- 源码
- 私有仓库




A-07 / A-08
细节
标志卡片朝指针倾斜。一束深红色的聚光灯跟着鼠标在卡片间移动。光标附近的圆点会为它让路。
A-08 / A-08
目前状态
它能正常运行,而且已经上线。
下一个项目 自己的创业项目,网站与应用, 2026

Corda





