2020年10月22日こんにちは、まなてぃです。Hacks)の課題で作成した成果物の記録です。「ペライチを利用して、LP(ランディングページ)を作る」という課題に挑戦しました。作成したオリジナル素材まとめペライチというサービスについて課題としてLPを作成するにあたってペライチというサービスを使用しました。ペライチというサービスは、あらかじめ用意されたテンプレートやレイアウトを選び、初心者でも簡単にホームページ作成できるツールです。今回の課題では無料版を使用させていただきました。まなてぃHTML/CSSについては別途、市販の書籍で勉強中です。MattariのLP(架空)ハンドメイドカフェLP※本デザイン・LPは架空の店舗です。実在する人物・地名・団体とは一切関係ありません。写真はフリー素材サイト、またはペライチのテンプレート内に設定されていたデフォルト画像をお借りしています。作成するLPのイメージを以下のように設定しました。架空のお店のコンセプトオーガニックなイメージフードも、ハンドメイド作品も手作り作品を制作・展示できるスペースがあるワークショップなどのイベントもある構成を考えるにあたり、ノートに簡単にイメージをまとめました。今回はLPの内容・ロゴ・ヘッダー画像・ファビコンなどをオリジナルで作成することに決めました。LP構成ラフLP構成ラフ作成したオリジナル素材ロゴを作成する前にロゴの案のラフを描きました。ここでは、カフェらしくコーヒーカップのイラストを描くことと、カフェのコンセプトとしている「まったり」の文字を英字筆記体で「mattari」と入れることにしました。完成品は以下のようになりました。Cafe」を足しました。今後、このお店のロゴをwebサイト以外にもチラシやバナーに載せることを想定した時に、カフェお客さんにぱっと見で何のロゴなのかが分かった方が良いと考えたためです。縦32px、横32pxです。(本ブログ上では拡大表示しているためすこし荒くなってしまっています)コーヒーカップをイメージし、入れ立てのコーヒーの温かさを表現しました。ロゴを作成してから、ヘッダー画像の作成を行いました。ハンドメイドカフェのヘッダー画像ロゴと同じフォントを使いました。カフェの店内の写真(フリー画像のチョイス)を使用し、LPを見た人へ落ち着きがあり「まったり」できる空間のイメージを与えられるように意識しました。Hacks)の「ペライチを利用して、LP(ランディングページ)を作る」という課題に挑戦しました。Hacks)の課題としては、LP作成が総合課題でした。架空のハンドメイドカフェページでしたが、LPへの訪問者(カフェの見込み客)にどんな情報を伝えたいか、どういった画像を使用したらイメージを損なわないかなど、たくさん考えることがありました。デザイン講座の受講は完了となりましたが、これからは実際のデザインのお仕事にもぜひ挑戦していきたいです!最後までご覧下さり、ありがとうございました。MEまなてぃ訪問いただきありがとうございます。