suzienuzie.com

suzienuzie.com Ver.4.0 スクリーンショット

suzienuzie.com Ver.4.0

ポートフォリオサイト デザインリニューアル

https://suzienuzie.com/
  • 2022年1月〜2022年2月
  • 約1ヶ月
  • coding
  • design
  • writing

当方のポートフォリオサイトをデザイン改訂しました。(このサイトです)

シンプルでちょっと可愛い雰囲気を目指してデザイン。自分の好きなカラーをふんだんに使えたので楽しかったです。
カラーコントラストやフォントサイズなどアクセシビリティにも配慮しました。
cssはモバイルファーストの書き方に変更。BEMやSCSSの運用も自分なりのルールが定まってきて、使い始めた1年ほど前に比べると随分効率が上がりました。

苦手なjavascriptですが、少しでも新しい技術に触れてみようと思いVue.jsを取り入れてみました。
やはり少し苦労しましたが、最終的にかなり簡素なコードでドロワーメニューを実装することができ、大変勉強になりました。
また既存のライブラリもjQueryからバニラJSへ書き換えたりして、苦手なりに少しはレベルが上がったかなと思います。

ローカルでのWordpress開発やデータベースの本番環境への移行など、システム面でもいろいろ試してみることができて良かったです。

制作内容

  • レスポンシブデザイン(スマホ対応)
  • コーディング(html・css・javascript・php)
  • 画像補正・加工
  • Webライティング
  • Wordpressオリジナルテーマ構築
  • 初期SEO対策

使用ツール

  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Xd
  • Visual Studio Code
  • Sass
  • Gulp