アビリンピックでの入賞を目的にサイトを作成しました。課題を細部まで読み込み、仕様理解に抜け漏れがないように注意をしてデザインを行いました。
更新日:2024.01.05
アビリンピック金賞作品
令和5年10月28日(土曜日)に神奈川障害者職業能力開発校会場にて行われた、第21回神奈川県障害者技能競技大会~アビリンピック神奈川2023~の事前課題の成果物です。私はHP部門に参加し、金賞をいただくことができました。
課題の内容は「これまで訪れたことがない方に行ってみたいと思ってもらえるように、国内外の来訪者や近隣の住民が温泉地の良さやバリアフリーの対応状況を知ってもらえるような紹介ページを作成すること」でした。視覚に障害のある方にとって読み易いサイトとすることはもちろん、パソコンの操作に慣れていないユーザや外国人の方でも分かりやすいデザインなどを意識する必要がありました。
サイトの美しさと使いやすさのバランスを取る、という難しい課題に果敢に挑戦しました。
課題の内容は「これまで訪れたことがない方に行ってみたいと思ってもらえるように、国内外の来訪者や近隣の住民が温泉地の良さやバリアフリーの対応状況を知ってもらえるような紹介ページを作成すること」でした。視覚に障害のある方にとって読み易いサイトとすることはもちろん、パソコンの操作に慣れていないユーザや外国人の方でも分かりやすいデザインなどを意識する必要がありました。
サイトの美しさと使いやすさのバランスを取る、という難しい課題に果敢に挑戦しました。
ページ数
3ページ
お客様
第21回神奈川県障害者技能競技大会~アビリンピック神奈川2023さま
ターゲット
バリアフリーについて知りたい国内外の来訪者や神奈川県の近隣の住民
担当領域
企画 / 情報設計 / ワイヤーフレーム作成 / デザイン / コーディング
使用ツール
PhotoShop / Illustrator / Xd / VSCode / HTML5 / CSS3 / JavaScript / jQuery
制作期間
3日
目的
情報設計
大会前に事前課題のプログラムを作成し、大会当日にそれを持ち込んで修正をするという試合形式であったため、大会当日の修正が容易になるよう、可読性の高いコーディングを意識しました。普段のコーディングでは部品の共通化などを積極的に行いますが、今回に限っては敢えてそれも行わず、当日どのような修正課題が出ても迅速に対応できるように備えました。
今後の課題
今回の難点はサイトの「バリアフリー化」でした。弱者にも使いやすいということを意識しすぎるあまり、サイトとしての魅力が薄くなってしまったと感じています。これらの両立は簡単なことではありませんが、今後のサイト設計においてもバリアフリーという点は看過できません。幅広いユーザに見てもらい易いサイト設計について勉強していきたいと思っています。
制作範囲
デザイン
1日
コーディング
2日