KOSEN-SAIZENSEN.JP

1. 「4-03. 企業見学インタビュー」の「活動記録」のリンクが正しく表示されていない。

→linkWithHtml()によって対応完了。本番環境でも動作することを確認しました。
※linkWithHtml()は、リンクを適切なフォーマットに変換する独自関数です。これが指定されていませんでした。

2. 「学習する」セクションの「前に戻る」ボタンの背景色を薄い灰色以外に変更する。

左右両方のボタンの色を統一し、「次に進むボタン」を点滅させることによってサイト内移動の方法を視覚的に説明する工夫をしました。

3. 「ビンガ」ちゃんの説明を充実させる。

まだ誕生して一年と短く、公式設定が少なかったため、学校の広報に問い合わせて情報を追加しました。

4. 「4-01.一関高専について」のページで後者の写真などが正しく表示されない。

修正しました。

5. 各ページにある「学習のトップ」から、該当ページに戻れない。

同じくlinkWithHtml()が原因でした。修正しました。

6. 「簡単にいうと「船を作る技術を学べる」高専ってことだンガ！」は正しい表現か要確認。船を作る技術以外にも学ぶことがある。

不適切な表現であったため、内容に修正を加えました。

7. 「機会を作るための土台となる技術を学べるンガ！」の「機会」を「機械」に訂正する。

誤字を修正しました。

8. 「1-03. 技術職の種類」の一覧リストで各エンジニアを紹介する「●●エンジニア」部分の文字サイズを他のタイトルフォントと同じにする。

tailwindCssを書き換え修正しました。

9. 参考文献と使用メディアが画像で表示されているため、テキストに変更してリンク先を確認しやすくする。

参考文献ページについては、すべてのコンテンツを画像から文章に書き換えました。ただし、使用メディアページでは、かえって利便性が損なわれると考えたため画像を残しました。

- メニューの整理が必要であり、特に左側と下部のメニューの配置に統一感が欠けている。

-左側の 「学習する」メニューは表示が分かれており、統一感を出す工夫が必要。

グループ内で協議した結果、統一感と操作性は担保されおり、修正の必要はないと判断しました。また、このUIは、学生から使いやすいというフィードバックもありました。

有名SNSサービスのサイドバーを参考に、「抽象度」での整理を行っています。これは、私たちのサイトのアイデンティティの一つでもあると考えています。
抽象度の概念について少し説明してみます。サイドバーの一番上のグループを最も汎用性の高い重要なナビゲーションの配置場所とし、その下には、より具体的なナビゲーションを配置します。これにより、ユーザーは、サイトの構造を理解しやすくなります。
さらに、一番下のナビゲーションは、アクセスしているページによって変化するため、UIが画面の場所を必要以上に取らないようにしています。そのため、ユーザーは文章に集中しやすくなります。

- 吹き出しのデザインが角丸の長方形であり、より吹き出しらしさを出す表現が求められる。

CSSを書き換え、吹き出しのデザインを変更しました。角丸の長方形から、吹き出しらしさを出すために、吹き出しの形状を変更しました。

- 学習用のクイズが少ないため、時間があればクイズの数を増やすことが望ましい。

クイズの量を増やしました。

- ページが長い場合にすぐに上部へ遷移できるボタンがあれば便利。

学習ページにのみ追加しました。

- サイトのトップページや目次から、なぜ高専が技術者不足の解決策であるかが明確にわかるようにすることが重要。

ご指摘のように「結論」を書いてしまうと、学習者（対象：同世代の中高生）が本文を読まず、思考を放棄してしまう恐れがあったのであえてそのままにしました。