WORKS 一覧へ戻る
No.01 LP

#見つけて尾道レトロ
キャンペーンサイト

視覚的な美しさを支えるのは、1pxのズレも許さない丁寧な実装と、BEMを用いた規律ある設計思想です。 直感的でストレスのない操作性を実現すると同時に、ソースコードの美しさにもこだわり、デザインの魅力を最大限に引き出す堅牢なサイトを作り上げます。

WORK
DETAIL.

URL
https://toiro358.com/site01/ ※ ID / PASS → [ demo ]
担当範囲
Coding レスポンシブ対応 ブラウザチェック アニメーション実装
制作期間
130時間
制作費用
お気軽にご相談ください!
使用技術
BEM HTML / CSS JavaScript Sass
POINTS
01

デザインを汲み取る1pxの再現性

デザイナーが細部まで作り込んだ世界観を壊さぬよう、Figmaカンプを1px単位で忠実に再現。デバイスごとの表示変化に至るまで妥協なく実装し、ブランドイメージを最大限に引き出しています。

02

JavaScriptによるリッチなUI実装

Swiperによる直感的なスライド、情報の整理に不可欠なアコーディオンなど、JavaScriptを用いた機能を多数実装。サイト全体のトーンに合わせた滑らかな挙動を追求し、実用性の高いUIを構築しています。

03

アクセシビリティへの配慮

Webサイトとしての使いやすさを重視。適切な見出し構造の構築や、コントラスト比への配慮、キーボード操作時の挙動確認など、どんなユーザーにも正しく情報が伝わる、優しく誠実なコーディングを意識しました。

GET IN TOUCH

LET'S
TALK.

ご依頼・ご相談はお気軽にどうぞ。
12時間以内にご返信します。

制作相談はこちら →
TOP