お世話になっております。immrmariと申します。
2枚目の商品ページのご説明をさせて頂きます。
【2枚目:商品ページ】
◇全体の設計に関して
・商品ページは基本的に現行のサイトを参考に制作させて頂きました。
(記載する内容の詳細は割愛させて頂いておりますので、もし採用となりましたらご相談の後に組み込みたいと考えております。)
・チェックした商品を実際にスタッフの皆様が着用している写真を見れると、ユーザーは参考にしやすいのでは・・・と思い、
スタッフコーデのセクションを追加しました。
◇デザインに関して
・フォント/配色はトップページと揃えております。
以上です。何卒よろしくお願いします。
初めまして、immrmariと申します。
この度クラウドワークスにてマライカ様のご依頼を拝見し、是非ともお力になりたいと思い応募させて頂きました。
以前よりマライカ様の店舗へは度々足を運んでおり、特に世界各地の雑貨が好きで購入させて頂いておりました。
マライカ様の店舗を訪れる際に感じることができる異国のワクワク感を、デザインに落とし込みました。
以下簡単ですが私の自己紹介と、制作物の説明を記載させて頂きます。
何卒よろしくお願いします。
【自己紹介】
・今年の4月までスターバックスコーヒージャパン(株)にて店長職に従事しておりました。
・デザインに関しては、仕事と並行してWebデザインスクールに通い学びました。
クラウドワークスに登録してまだ間もない為、実績はまだまだではございますが、
知見やスキルを活かし、クライアント様のご意向に沿った形でのご提案ができるよう精一杯努めます。
・出産を経て、現在はパートの傍ら在宅にてWebデザイン関連の仕事を請け負っています。
【可能な業務/スキル】
・Webサイト制作
・LPデザイン
・バナー制作
・使用言語 HTML/CSS/JavaScript
————————————————————————————————————————————————————————————
【制作物に関して】
・応募要件に記載がありました3ページを、それぞれ分けてご提出させて頂きます。
・添付資料(自己アピール)といたしましては、ポートフォリオサイトと過去に応募したコンペ作品ページのURLを添付致します。
ポートフォリオサイト: https://immrmr-portfolio.com/
コンペ作品ページ: https://immrmr-portfolio.com/
お忙しい中大変恐縮ですが、ご一読頂けますと幸いです。
・制作ソフトはIllustratorです。
(ご要望がございましたら、Figmaでも制作可能です。)
・写真は全て現行のサイトからお借りしております。
・フォントは商用利用可能なフリーフォントを利用しております。
【1枚目:トップページ】
◇全体の設計に関して
・ECサイトのトップページであるため、整然さを第一優先とし、全体がシンプルで分かりやすくなるよう情報を整理しました。
そのため、表示させるコンテンツの量を現状のサイトよりも絞らさせて頂き、ヘッダーのパンくずリストに格納する設計にしております。
(マライカ様の意向を大切にしたいと考えておりますので、組み込みたいコンテンツ等がありましたら修正致します。
お気軽に仰ってください!)
・ファーストビュー部分でユーザーの目を引くことができるよう、フルスクリーンで設計しました。
マライカ様のメインキャッチ(日常を彩る世界の手しごと)と、現在のおすすめコンテンツを画像で表示させるイメージにしています。
ファーストビューに常に変化を付けるために、画像部分は右から左へと流れていくアニメーションを想定しています。
・グリッドレイアウトで整列させ、レスポンシブデザインにも対応しやすいように致しました。
◇デザインに関して
・マライカ様の店舗を訪れた際に感じる「沢山の商品に囲まれてワクワクする気持ち」や、
ハンドメイドの柔らかい印象を鑑みてフォントを選択致しました。
・配色はアジアやアフリカの伝統的なファブリックに使用されている色を参考にしました。
1枚目に関しては以上です。
何卒よろしくお願いします。
メンバーからのコメント
お世話になっております。immrmariと申します。
3枚目の任意のページのご説明をさせて頂きます。
【3枚目:任意のページ】
任意のページは「about MALAIKA」のページを制作致しました。
マライカ様の商品に対しての想いやコンセプトがとても素敵だと感じ、是非こちらのページを制作させて頂きたいと思いました。
◇全体の設計に関して
・ECサイト内ではあるものの、商品を知ってもらうのでは無く、マライカ様の想いや世界観を知ってもらうためのページだと考え、
敢えて他のページとは全く違った印象のデザインに致しました。
ページ全体を読み物と捉え、ユーザーが上から下へ流れるよう見れるような配置を意識しています。
・ヘッダーとフッターは他のページと同じデザインを使用し、ユーザーが購入ページ等に戻る際に迷わないようにしています。
◇デザインに関して
・「伝統」「手しごと」といった印象を持たせるよう、こちらのページのみフォントをしっぽり明朝で統一しております。
長くなりましたが以上です。
修正などのご依頼にも、丁寧に対応させて頂きます。
何卒よろしくお願いします。