HOVER
3D TILT
DEMO 01
立体的に傾くカード
マウスの位置に合わせてカードが傾き、光が反射します。サービス紹介や料金プランを印象づけたい場面に。
WEB DESIGN & DEVELOPMENT
ホームページ制作 ｜ 「伝わる」を、動きでつくる。
会社の第一印象は、ホームページで決まります。デザインと動きで、見た瞬間に「ちゃんとしてそう」と感じてもらえるサイトをつくります。このページ自体が、その見本です。
OUR VIEW
ホームページは、会社の顔です。情報が正しく載っているだけでは、記憶に残りません。「見て、触って、印象に残る」体験を、デザインと動きで設計します。
MOTION GALLERY
カーソルを重ねて、動かしてみてください。小さな動きが、サイトの表情を豊かにします。（スマートフォンでは自動で再生されます）
DEMO 01
マウスの位置に合わせてカードが傾き、光が反射します。サービス紹介や料金プランを印象づけたい場面に。
DEMO 02
近づくとボタンがふわっと寄ってきます。「お問い合わせ」など、押してほしいボタンを目立たせます。
SANDAI SYSTEM
DEMO 03
文字がランダムに入れ替わりながら表示されます。IT企業らしい、テクニカルな雰囲気を出したいときに。
DEMO 04
スクロールで表示されると、線が一筆書きのように描かれます。図解やグラフを、目で追いやすく見せられます。
SCROLL / CLICK
DEMO 05
色の帯がスライドして、写真が現れます。クリックでもう一度再生できます。スタッフ紹介や施設写真の見せ方に。
DEMO 06
重なった図形がそれぞれ違う速さで動き、画面に奥行きが生まれます。トップページの最初の一画面に。
SITE TYPES
スクロールすると、横に流れていきます。
01
会社の信頼感を伝える、基本のホームページ。事業内容、会社情報、お知らせを分かりやすく整理します。
02
働く人や職場の雰囲気を伝え、応募につなげるページ。求人媒体だけでは伝わらない魅力を届けます。
03
ひとつの商品やサービスに絞って、お問い合わせまで一気に案内する縦長のページです。
04
営業時間やアクセス、雰囲気が伝わる写真を中心に。スマートフォンで見やすい設計にします。
FLOW
公開して終わりではなく、その後の更新まで一緒に考えます。
ホームページで何を実現したいか（問い合わせを増やしたい、採用を強化したい など）と、伝えたいことを伺います。
ページの構成と載せる内容を整理し、会社の雰囲気に合うデザインと動きの方向性をご提案します。
パソコン・スマートフォンのどちらでも見やすいように制作し、必要な場面にアニメーションを加えます。
検索エンジンからの見え方（タイトルや説明文、SNSで共有されたときの表示）を整えて公開します。
お知らせの更新や文言の修正、サーバー・ドメイン・メールの管理まで、公開後もお手伝いします。
SCOPE
制作だけでなく、ホームページを動かすための周辺まで、まとめてお任せいただけます。
三大システムのTOPページの動きも、このページと同じ技術でつくっています。
TOPページを見る →CONTACT
新しくつくる場合も、いまのホームページを見直す場合も。参考にしたいサイトがあれば、ぜひお聞かせください。
ホームページ制作を相談するお電話：03-5829-4505（平日 9:00〜18:00）