ポートフォリオ

Logss(logss.net) -WordPressオリジナルテーマ

• WordPressテーマ: スクラッチで作成済み、オリジナルテーマ
• 開発仮想環境: Local
• デザイン: AdobeXD / Illustrator(ロゴ)
• コーディング: HTML / CSS(SCSS) / JavaScript/PHP
• コーディングエディタ: Atom editor
• レスポンシブ対応: あり
• 作成期間: 6日

Site URL: https://logss.net/

Source code: GitHub shoichiros

デザイン、コーディング、WordPressの構築までを全て作成。

jQueryを使わず、なるべく軽くて速いサイトを設計。レスポンシブ対応用のCSSを18行に。gridレイアウトを採用しなるべくCSSコーディングを減らすことにより軽量、保守しやすいコーディングを心掛けました。

GoogleのPageSpeed Insightsではモバイル、パソコンともに100%の速度になっています。

OrangeBar(orangebar.logss.net) HP

• ターゲット: 20歳都内住み。お酒NG。大人女性に憧れ。インスタでかっこいい女性多数フォロー
• キャッチコピー: お酒が飲めないあなたでも…大人な雰囲気味わいませんか？
• デザイン: AdobeXD / Illustrator(ロゴ / スクロールアイコン)
• コーディング: HTML / CSS(SCSS) / JavaScript
• コーディングエディタ: Atom editor
• レスポンシブサイト対応: あり
• 作成期間: 7日

Site URL: https://orangebar.logss.net

ターゲットを設定し、どのようなサイトならターゲットが来てくれるのか考え作成。

サイト全体を黒に統一。大人の落ち着いた雰囲気をイメージ。なおかつ少しロゴなどでかわいい雰囲気を残しました。PCサイトではCSSのみでスライドショーをAutoで設定。