SWITCH
北海道帯広でご活躍されているフォトグラファーSWITCH様のウェブサイト制作のお手伝いをしました。 デザインは、GOOD DESIGN賞を受賞したグラフィックデザイナー寺田侑司さんが手掛け、SWITCHさんが持つ写真と映像の表現力を最大限に引き出すデザインをつくられています。 このプロジェクトでのわたしの役割はエンジニアリングであり、デザインとシステムを組み合わせる役割を担いました。
I assisted in creating a website for photographer SWITCH, who is active in Obihiro, Hokkaido. The design was handled by graphic designer Yuji Terada, a recipient of the GOOD DESIGN Award, and was crafted to maximize the expressive power of SWITCH's photographs and videos. My role in this project was as an engineer, where I was responsible for combining the design and system.
このプロジェクトでのわたしの役割はエンジニアリングであり、デザインとシステムを組み合わせる役割を担いました。 特に配慮するのは、寺田侑司さんのデザインを再現するために、デザインの意図やブランドイメージを汲み取り、デザインをそのままブラウザで再現することです。 本プロジェクトでもデザインの美しさを損なうことなく、異なる画面サイズに適応できるようなレスポンシブなデザインを実現しています。
I was responsible for combining design and system development. My primary focus was to faithfully reproduce his designs. To achieve this, I delved deep into the design intent and worked to replicate the designs precisely within a browser environment. I ensured that the aesthetic appeal of the designs was maintained while also creating a responsive design that could adapt seamlessly to various screen sizes.
SWITCHさんのウェブサイトは、その実績をご自身で更新できるようにCMS（ワードプレス）を導入し、実績を簡単に更新できるようにしました。 これにより、あたらしい作品やプロジェクトをSWITCHさんご自身ですぐにウェブへ反映させることが可能となりました。 SWITCH様は写真だけでなく映像制作でもご活躍されており、どちらも更新できるように工夫しています。
I implemented a WordPress for SWITCH's website to allow them to update their portfolio on their own, making it easy to add new projects and works. This enables them to showcase their latest creations and projects immediately. SWITCH is active not only in photography but also in video production, so I ensured the system is designed to accommodate updates for both.
このプロジェクトでは、レスポンシブ対応も重要な要素でした。 ユーザーが様々なデバイスでウェブサイトにアクセスすることを考慮し、デザインの美しさを損なうことなく、異なる画面サイズに適応できるようなレスポンシブなデザインを実現しました。 寺田侑司さんの美しいデザインをそのまま保ちつつ、スマートフォン、タブレット、デスクトップなど、さまざまな端末でウェブサイトが適切に表示されるよう工夫しました。
In this project, responsive design was a crucial element. Considering that users access websites on a variety of devices, I ensured the design could adapt to different screen sizes without compromising its aesthetic appeal. While preserving the beauty of Terada Yuji's design, I worked to ensure that the website displayed appropriately across various devices, including smartphones, tablets, and desktops.
最終的な成果物は、美しいデザインとレスポンシブ対応を両立させ、寺田侑司さんのビジョンを実現し、ユーザーにとっても使いやすくアクセスしやすいウェブサイトとなりました。
The end result is a beautifully designed and responsive website that not only realizes Yuji Terada's vision, but is also easy for users to use and access.
