サイトをリニューアルしました

本サイト「Arcany」をリニューアルしました。

WordPressを導入し、過去のポートフォリオを閲覧できるサイトとしてオープンしましたが、見せた人から様々な指摘を受けました。

旧Arcany

  • 横幅が狭いのはどうしてか?
  • 最近のiOSに見られるようなフラットなデザインではないのはどうしてか?
  • フォトギャラリーでカテゴリー一覧のタブにマウスを乗せると変なテキストが表示されるのは?

横幅が狭いのはどうしてか?

iPadの横幅768pxに合わせて設計したからです。しかしナビゲーションタブが左にあるので、コンテンツを配置できるスペースはかなり狭くなっています。

パソコンで見るときは横幅1000px以上でも問題なく見られるので、今回は1000pxで設計しています。

フラットなデザインではないのは?

最近のデザインのトレンドは、iOS8に見られるように、浮遊感のないフラットなデザインになっています。ところが旧Arcanyはボタンのエンボスが厚くなっている上、背景の色も濃くなっていました。

これを見て、デザインが洗練されていなくてレトロな印象を受けた人もいました。

カテゴリー一覧の上にカーソルを重ねると変なテキストが現れる

フォトギャラリーのみで見られる不具合で、カテゴリー名「花」「寺院」などにカーソルを乗せると、半透明の白い枠が表示されていました。

リニューアルするまで理由は分かりませんでしたが、いまになってそれが分かりました。

ファンクションで、フォトギャラリーのbody要素に「gallery」というクラスを付与していました。そのためLightBoxのプラグインで使用するスタイルシートなどでもgalleryという名前を使っていて、それが競合してしまったというわけです。

これらの問題を解決しつつ、新着写真をスライドショーで見せるjQueryプラグインを導入し、アニメーションするCSSも導入しました。

しかし、残念ながら就職活動で使うことはなくなりました。Web制作とは違うところに内定が決まったからです。

それでもこのWebサイトのコンテンツを充実し、育てていきたいと思います。


コメント

送信フォーム

入力エリアすべてが必須項目です。

内容をご確認の上、送信してください。

※メールアドレスは公開されません