WORKS
このサイト（Anchor Base）
ポートフォリオサイト／自主制作
今ご覧になっているサイトです。構成づくりからデザイン、コーディング、公開まで、すべて自分で行っています。
「何を載せたらいいか分からない」というご相談がいちばん多い、という前提から逆算して組み立てました。
料金の見せ方や導線も、実際に反応を見ながら試している最中です。
こんな方に近い制作です
- 料金が分からなくて、問い合わせをためらっている方
- 何を載せるか決まっていない方
- 作ったあとの更新をどうするか迷っている方
OUTLINE 概要
| 種別 | ポートフォリオサイト（トップ＋運営者情報＋制作実績） |
|---|---|
| 目的 | 相談への入り口をつくる |
| 使用技術 | HTML / SCSS（Dart Sass）/ JavaScript / Swiper |
| 公開URL | https://anchorbase-web.com/ |
POINT 制作のポイント
-
1
料金を、聞かれる前に出す
金額が見えないと、問い合わせること自体が不安になります。だから目安を先に出しました。
無料の診断も同じ考えです。いきなり契約の話にならない入り口を用意しています。
-
2
画像を93%軽くする
合計 2.66MB あった画像を 0.19MB まで落としました。
写真とイラストは非可逆、ロゴは細い線が滲むので可逆と、絵の性質で圧縮の方法を変えています。
-
3
動きは、意味のあるところにだけ入れる
スクロールに合わせた表示と、よくある質問の開閉だけに絞りました。
どちらも、JavaScript が動いたと確認できてから隠す作りにしています。読み込みに失敗しても、内容は必ず表示されたままになります。
-
4
実際の幅で測って作る
ブラウザの幅を変えるだけでは分からない崩れがあります。375px の実寸で表示して、位置を測りながら調整しました。
アニメーションも、途中の状態を数値で確認しています。
CONTACT 同じような制作のご相談
このサイトで使っている考え方は、そのままお客様のサイトにも当てはめられます。まずはお話を聞かせてください。
＼ ご相談・お見積り・現状の診断は無料 ／