札幌市に誕生したF60の販促用LPのコーディングをEVで担当させていただきました。
今回はデザインは弊所で行わず、コーディングとトップの動画撮影・編集を担当しています。
EV was in charge of coding the promotional landing page for the F60, which was launched in Sapporo.
This time, our office did not handle the design, but rather the coding and the filming and editing of the top video.
本PJのデータを格納するサーバーではLPの増減を最初から想定し、流用な可能なscssコードを事前に準備することで工数の大幅な圧縮に成功しています。
具体的にはFLOCSSをベースとした弊所独自のscss構造を使用し、同一ドメイン内のHTMLに対し、特定のclassを付与することで意図したレイアウト・デザインを適用させます。
The server that stores the data for this project anticipated any increases or decreases in LPs from the start, and by preparing reusable scss code in advance, we were able to significantly reduce the amount of work required.
Specifically, we used our own scss structure based on FLOCSS, and applied the intended layout and design by assigning specific classes to HTML within the same domain.
また、配色やブレイクポイントなど多用するコードは全て変数として特定のファイルに分割して管理しており、修正・改修を効率的に行うための土台を整えてコーディングを実施しています。
これは将来的に自分以外の人間がコードを修正することを想定した仕組みであり、「自分だけが理解できるコード」ではなく、「誰が見てもわかりやすく、管理しやすいコード」を弊所では大切にしています。
In addition, all frequently used code such as color schemes and breakpoints are managed in specific files as variables, and we prepare a foundation for efficient corrections and modifications when coding. This is a system that assumes that the code will be modified by someone other than yourself in the future, and we value "code that is easy to understand and manage for anyone," rather than "code that only I can understand."