田端メンタルクリニックwebサイトのデザインフルリニューアルをてがけました。
UIデザイン / フロントエンド実装 / WordPress導入 を担当しました。
UIデザイン
フロントエンド実装
レスポンシブWebデザインをフルスクラッチで実装しました。
繰り返し使用するパーツをモジュール化したり、SCSS、FLOCSSを用いて運用しやすい実装を心がけました。
WordPressの導入
トップページに設置した「お知らせ」のみ頻繁に更新する必要があるため、WordPressを導入しました。
常に最新の投稿１件が表示される仕組みになっています。
使用したツール
Figma / UIデザイン制作・確認
Adobe Illustrator / アイコンなどの作成
Adobe Photoshop / アイキャッチ画像などの制作
Visual Studio Code / マークアップ全般