架空Webサービス「peace」

OVERVIEW

"peace"は、デザインカンプからのコーディング課題を元にしたサイトで、セクション構成は課題と一緒です。 使用スキル等▼ HTML/CSS/Sass/Javascript/jQuery/wow.js

YEAR 2022

動き等▼

・スマホ時ハンバーガーメニュー設置

・よくある質問のアコーディオン表示

・制作実績をスライダーで自動スワイプさせるようにして表示

・AOI.jsでふわっと表示

・ボタンやヘッダーリストクリックするとスムーススクロールする

・ローディング画面

・フォームを全項目入力しないとsubmitできない

・Googleフォームとの紐付け

・マウスストーカー


コンセプト▼

「地域の企業や飲食店に寄り添ったサイトを提供することで地域の活性化を図るWebサービス」をイメージし、親しみやすさや活発の良さを表すオレンジ色を使用しました。

主な強みが

・「綿密なコミュニケーション」

・「制作だけでなく運用のサポート」

・「永久保証」

の3つで、幅広い地元店の要望に応えられるようにしました。

ロゴはpeace「安らぎ、寄り添い」を意味させます。


ポイント・苦戦について▼

・サイトのコンセプトに合った色合いで表現すること

 →色によっても与える印象やサイトの見え方が変わる

・色合いとコンセプトに合う画像を探すこと

 →合わない画像を当てはめても全く雰囲気の違うサイトになる


リンク先にて下記の入力をお願いします。

ID: kaku

パスワード: service

ページ右下の『WEBSITE』ボタンからリンク先に行けます。

WEBSITE