fivebear様
先ほどのPC版レイアウトの提案に続きまして、スマホ版のスクリーンショットを掲載させていただきます。
iPhoneXでの閲覧を想定した、幅375pxでのレイアウトです。
ご確認をお願いいたします。
井上恵太
fivebear様
初めまして。フリーランスWebエンジニアとして活動している井上恵太と申します。
過去2年間に渡り、個人から企業のお客様のWEBサイト制作を担当してまいりました。
以下は当方のポートフォリオサイトになります。
https://inouekeita.work/
------------------------------------------------------
【本コンペ作品に関しまして】
既存サイトの内容を踏まえつつ、サイトをワンカラムの1ページ構成とし、よりスタイリッシュなデザインに仕上げました。
ご要望と参考サイトの構成も反映し、シンプルでフラットなデザインを意識しております。
加えて、以下4点をご確認ください。
・サイトのコンセプトを考慮し、メニューおよびタイトルのテキストを英語表記に変更しております。
・TOP部分のロゴ画像裏側には、現在ダミーとしてフリー素材の画像を使用しています。こちらにはご所望の通りJavaScriptを用いてスライドアニメーションを実装する予定です。
また、今回のデザインには以前当方が制作したこちらのサイト(https://www.studio-berry.com/)のような、フェードインアニメーションもサイトに馴染むかと思います。両方のパターンをfivebear様にご確認いただいた上で決定させていただければと思います。
・GALLERY欄に掲載する画像には、クリックすると画面全体にポップアップ表示される機能をJavaScriptにて実装する予定です。
・インスタグラムやnote等を使用して情報発信されるとのことですので、SNSリンクはサイト訪問者に訴求すべきコンテンツになるかと思います。ページ下部のLINKS欄にそれぞれのリンク掲載箇所を用意いたしました。
------------------------------------------------------
以上を踏まえてテンプレートを作成しておりますので、ぜひご検討いただけると幸いです。
また、本作品は他のテンプレート等のソースコードコピーは一切行っておりませんので、完全オリジナルのWebサイトであることを保証いたします。
変更をご希望の箇所がございましたら、随時お申し付けください。
後ほど、スマホ版レイアウトおよびHTMLのソースコードを送付いたします。
引き続きよろしくお願いいたします。
井上恵太
メンバーからのコメント
fivebear様
連投になりますが、最後にHTMLのソースコードを掲載させていただきます。
PC版およびスマホ版レイアウトと合わせてご確認いただけると幸いです。
各ブラウザでのリセット機能も兼ねたCSSファイルを一つ読み込んでおり、JavaScriptでの実装はfivebear様のご指示をいただいてから行う予定でございます。
ご検討のほどよろしくお願いいたします。
井上恵太