Weelkyマンションのサイトが元々あり、トップページのリデザインと、コーディングを行いました。CSSで記載されていたものをFLOCSSの考えを取り入れ、SCSSに書き換えし、メンテナンスの向上に努めました。
![](https://gallery-elephant.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-05-5.29.45-1024x571.png)
▼PC表示
![](https://gallery-elephant.com/wp-content/uploads/2023/12/image.png)
🔻メニュー
親しみやすさを出すために、角丸のメニューにし、視覚にもわかりやすいようにイラストを配置しました。
🔻メインビジュアル
賃貸サイトでしたので、明るく希望があり、爽やかなメインビジュアルを採用しました。東京タワーが向かって左に配置され、東京に出てくる期待感を表しました。
Javascriptで流線を施し、そよ風を演出しました。
🔻おすすめ物件の賃貸情報
賃貸を選ぶときにはアイキャッチが大切かと思いましたので写真を大きめに配置しました。
🔻メリットの説明欄
position absoluteでチェックマークを配置し、レスポンシブでは縦並びになるようにしました。
▼スマホ表示
![](https://gallery-elephant.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-05-6.25.50.png)