アマンダリーナ

もともとのサイトがWordPressの有料テーマだったのですが、クライアント様にヒアリングを行った際に

• 自分ひとりで現在運営をしているため、投稿機能があったとしてもうまく使いこなせないため、Instagram,Facebookの投稿をウェブサイトで表現できるようなサイト
• クライアント様のほうでカート機能は用意するので、そのサイトへの誘導ができるようなメニューや仕掛けを作って欲しい
• 画像はスマートフォンで撮影した画像など今まで撮りためていたものを使ってほしい。
• イベントなどにもお店として参加するのでその場でスマホなどからユーザーさまにも訪問していただきやすいように"表示速度がある程度早いサイト"を作って欲しい
• オリジナルのデザインで制作をお願いしたい

などのご要望があり、

• 要件定義(ヒアリング・ペルソナ設定など)
• 設計(ワイヤーフレーム / デザインカンプ)
• 制作( コーディング )
• MAMPでローカル環境の構築
• ステージングサイト公開・確認
• 本番サイトのテスト / 公開

まで一貫して制作に携わりました。

[ 工夫した点 ]

UnderScoresというデザインを一切していないWPのテーマを使いましたが、更にレイアウトに関してもリセットを行い、またわずかにあったCSSもリセットをするなど、「骨組み」状態から制作をスタートしました。

クライアント様の意向により、WordPressで投稿機能をつかうのではなく、SNSのプラグインを設置することで情報発信を行いたいとのことでした。
公開前のテスト段階では

• サイトの読み込み速度が遅くないかどうか、デベロッパーツールや"Page Speed Insights"などを利用するなどの確認
• レンダリングブロック対策

を行いました。また納品の際にはクライアント様のほうでダッシュボードをいじりたいと思った際のために

• 「いじっては行けない箇所」「操作しても大丈夫な箇所」にわけたマニュアル制作

を行い想定していた以上のウェブサイトだったとのお褒めをいただくことができました。

URL: http://hamandarina.com/