diff --git a/.npmrc b/.npmrc
new file mode 100644
index 00000000..cffe8cde
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1 @@
+save-exact=true
diff --git a/package.json b/package.json
index 33824f11..9a7a4055 100644
--- a/package.json
+++ b/package.json
@@ -22,12 +22,14 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "11.18.6",
-    "react-rewards": "^2.0.4",
+    "react-rewards": "2.0.4",
     "swr": "2.0.3",
-    "use-local-storage-state": "18.1.1"
+    "use-local-storage-state": "18.1.1",
+    "zod": "3.21.4"
   },
   "devDependencies": {
     "@babel/core": "7.19.3",
+    "@faker-js/faker": "7.6.0",
     "@storybook/addon-actions": "6.5.12",
     "@storybook/addon-essentials": "6.5.12",
     "@storybook/addon-interactions": "6.5.12",
@@ -48,8 +50,8 @@
     "lint-staged": "13.0.3",
     "prettier": "2.7.1",
     "storybook-addon-material-ui5": "1.0.0",
-    "storybook-addon-next": "^1.6.9",
-    "typescript": "4.8.2"
+    "storybook-addon-next": "1.6.9",
+    "typescript": "4.9.5"
   },
   "lint-staged": {
     "*.{ts,tsx}": [
diff --git a/src/components/molecules/PlenumCard/PlenumCard.stories.tsx b/src/components/molecules/PlenumCard/PlenumCard.stories.tsx
new file mode 100644
index 00000000..5c964d35
--- /dev/null
+++ b/src/components/molecules/PlenumCard/PlenumCard.stories.tsx
@@ -0,0 +1,19 @@
+import type { ComponentMeta, ComponentStory } from '@storybook/react'
+import { PlenumCard } from '.'
+import { Box } from '@mui/material'
+
+const meta: ComponentMeta<typeof PlenumCard> = {
+  component: PlenumCard
+}
+export default meta
+
+const Template: ComponentStory<typeof PlenumCard> = args => (
+  <Box width="300px">
+    <PlenumCard {...args} />
+  </Box>
+)
+
+export const Default = Template.bind({})
+Default.args = {
+  title: 'Break'
+}
diff --git a/src/components/molecules/PlenumCard/index.tsx b/src/components/molecules/PlenumCard/index.tsx
new file mode 100644
index 00000000..736098bb
--- /dev/null
+++ b/src/components/molecules/PlenumCard/index.tsx
@@ -0,0 +1,22 @@
+import { Typography, Box } from '@mui/material'
+import { Colors } from 'src/styles/color'
+
+export interface PlenumCardProps {
+  title: string
+}
+
+export const PlenumCard = ({ title }: PlenumCardProps) => {
+  return (
+    <Box
+      sx={{
+        backgroundColor: Colors.background.secondary_blue,
+        padding: '20px 16px',
+        borderRadius: '4px',
+        // TODO(@maito1201): タイムテーブルに組み込んだ時の適度な幅にする
+        width: '100vw'
+      }}
+    >
+      <Typography variant="body2">{title}</Typography>
+    </Box>
+  )
+}
diff --git a/src/components/molecules/TrackCard/TrackCard.stories.tsx b/src/components/molecules/TrackCard/TrackCard.stories.tsx
new file mode 100644
index 00000000..2a842fed
--- /dev/null
+++ b/src/components/molecules/TrackCard/TrackCard.stories.tsx
@@ -0,0 +1,36 @@
+import type { ComponentMeta, ComponentStory } from '@storybook/react'
+import { faker } from '@faker-js/faker'
+import { TrackCard } from '.'
+import { Box } from '@mui/material'
+import { Colors } from 'src/styles/color'
+
+const meta: ComponentMeta<typeof TrackCard> = {
+  component: TrackCard
+}
+export default meta
+
+const Template: ComponentStory<typeof TrackCard> = args => (
+  <Box width="300px">
+    <TrackCard {...args} />
+  </Box>
+)
+
+export const Default = Template.bind({})
+Default.args = {
+  id: 'A1-1',
+  title: faker.lorem.paragraph(),
+  minute: 20,
+  speaker: faker.name.fullName(),
+  speakerIcon: faker.image.avatar()
+}
+
+export const Green = Template.bind({})
+Green.args = {
+  id: 'A1-1',
+  title: faker.lorem.paragraph(),
+  minute: 20,
+  speaker: faker.name.fullName(),
+  speakerIcon: faker.image.avatar(),
+  color: Colors.background.secondary_green,
+  idColor: Colors.background.primary_green
+}
diff --git a/src/components/molecules/TrackCard/index.tsx b/src/components/molecules/TrackCard/index.tsx
new file mode 100644
index 00000000..416f48fa
--- /dev/null
+++ b/src/components/molecules/TrackCard/index.tsx
@@ -0,0 +1,63 @@
+import { Typography, Box } from '@mui/material'
+import { Colors } from 'src/styles/color'
+import Image, { StaticImageData } from 'next/image'
+
+export interface TrackCardProps {
+  id: string
+  title: string
+  minute: number
+  speaker: string
+  speakerIcon: string | StaticImageData
+  color?: string
+  idColor?: string
+}
+
+export const TrackCard = ({
+  id,
+  title,
+  minute,
+  speaker,
+  speakerIcon,
+  color = Colors.background.secondary_pink,
+  idColor = Colors.background.primary_pink
+}: TrackCardProps) => {
+  return (
+    <Box
+      sx={{
+        backgroundColor: color,
+        padding: '16px',
+        borderRadius: '4px',
+        width: '100%'
+      }}
+    >
+      <Box
+        sx={{
+          display: 'flex',
+          backgroundColor: idColor,
+          borderRadius: '2px',
+          width: 'fit-content',
+          padding: '0 4px',
+          mb: '4px'
+        }}
+      >
+        <Typography variant="caption" color={Colors.text.white}>
+          {id}
+        </Typography>
+      </Box>
+      <Box mb="4px">
+        <Typography variant="body2">{title}</Typography>
+      </Box>
+      <Box display="flex" alignItems="center">
+        <Box width="20px" height="20px" borderRadius="50%" overflow="hidden" margin="0 4px 0 0">
+          <Image src={speakerIcon} width={20} height={20} objectFit="contain" alt={`${speaker}'s icon`} quality={100} />
+        </Box>
+        <Typography variant="caption" fontWeight="bold">
+          {speaker}
+        </Typography>
+        <Typography variant="caption" margin="0 0 0 auto">
+          ({minute}min)
+        </Typography>
+      </Box>
+    </Box>
+  )
+}
diff --git a/src/components/organisms/SponsorsSection/index.tsx b/src/components/organisms/SponsorsSection/index.tsx
index 25b6c9b0..d1069e77 100644
--- a/src/components/organisms/SponsorsSection/index.tsx
+++ b/src/components/organisms/SponsorsSection/index.tsx
@@ -1,8 +1,6 @@
 import type { FC } from 'react'
-import Link from 'next/link'
 import { Box, Typography } from '@mui/material'
-import { Button } from 'src/components/atoms'
-import { useTranslation } from 'react-i18next'
+import { Trans, useTranslation } from 'react-i18next'
 import { Colors, confettiColors } from 'src/styles/color'
 import {
   GopherConductor,
@@ -40,9 +38,11 @@ export const SponsorsSection: FC = () => {
       <Typography variant="h2" textAlign={'center'}>
         Sponsors
       </Typography>
-      {/* TODO: This description will be changed as soon as the official wording is fixed. */}
-      <Typography variant="body1" mb={{ md: 5, xs: 2 }}>
-        {t('sponsors_description')}
+      <Typography
+        variant="body1"
+        sx={{ mb: { md: 5, xs: 2 }, textAlign: 'center', wordBreak: 'keep-all', overflowWrap: 'break-word' }}
+      >
+        <Trans t={t} i18nKey="sponsors_application_closed" />
       </Typography>
       {/* NOTE: Hide SponsorsCard until the top level sponsors has fixed.
       <Box gap={3} mb={5} display={'flex'} flexDirection={'column'} width={'100%'} alignItems={'center'}>
@@ -51,47 +51,22 @@ export const SponsorsSection: FC = () => {
         <SponsorsCard planType="silver" logoImages={[]}/>
         <SponsorsCard planType="bronze" logoImages={[]}/>
       </Box> */}
-      <Box display="grid" gridTemplateColumns={isTabletOrOver ? '1fr 1fr 1fr' : '1fr'} gap={2}>
+      <Box display="flex" alignItems="flex-end" justifyContent="flex-end" gap={0.5}>
+        <Image src={GopherConductor} alt="gopher conductor" />
+        <Image src={GopherDrummer} alt="gopher drummer" />
+        <Image src={GopherTrumpeter} alt="gopher trumpeter" />
+        <Image src={GopherPomPom} alt="gopher pom pom" />
+        <Image src={GopherFlowerBlue} alt="gopher flower blue" />
         {isTabletOrOver && (
-          <Box display="flex" alignItems="flex-end" justifyContent="flex-end" gap={0.5}>
-            <Image src={GopherConductor} alt="gopher conductor" />
-            <Image src={GopherDrummer} alt="gopher drummer" />
-            <Image src={GopherTrumpeter} alt="gopher trumpeter" />
-            <Image src={GopherPomPom} alt="gopher pom pom" />
-          </Box>
-        )}
-        <Link href="https://drive.google.com/file/d/1wwFeJk0rT0SydwDi2wx4wVVAD6psDUrL/view?usp=share_link">
-          <a target="_blank">
-            <Button text={t('consider_a_sponsor')} />
-          </a>
-        </Link>
-        {isTabletOrOver && (
-          <Box display="flex" alignItems="flex-end" gap={0.5}>
-            <Image src={GopherFlowerBlue} alt="gopher flower blue" />
+          <>
             <Image src={GopherFlowerPink} alt="gopher flower pink" />
             <Box onClick={reward} sx={{ '&:hover': { cursor: 'pointer' } }}>
               <span id="confettiGopherPopper" />
               <Image src={GopherPartyPopper} alt="gopher party popper" />
             </Box>
-          </Box>
+          </>
         )}
       </Box>
-      {!isTabletOrOver && (
-        <Box
-          sx={{
-            position: 'absolute',
-            zIndex: 0,
-            top: '56px',
-            right: 0,
-            display: 'flex',
-            alignItems: 'flex-end',
-            opacity: 0.7
-          }}
-        >
-          <Image src={GopherConductor} alt="gopher conductor" width="56px" objectFit="contain" />
-          <Image src={GopherDrummer} alt="gopher drummer" width="52px" objectFit="contain" />
-        </Box>
-      )}
     </Box>
   )
 }
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 12018fdd..1abd27c5 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -17,5 +17,6 @@
   "host": "organizer",
   "gophers_japan": "Institute Gophers Japan",
   "act_on_specified_commercial_transactions": "Act on Specified Commercial Transactions",
-  "sponsors_description": "We are looking for sponsors!"
+  "sponsors_description": "We are looking for sponsors!",
+  "sponsors_application_closed": "Sponsors application has been closed. We will reflect the information on our website in due course."
 }
diff --git a/src/i18n/ja.json b/src/i18n/ja.json
index 42386bf2..dde81b49 100644
--- a/src/i18n/ja.json
+++ b/src/i18n/ja.json
@@ -17,5 +17,6 @@
   "host": "主催",
   "gophers_japan": "一般社団法人Gophers Japan",
   "act_on_specified_commercial_transactions": "特定商取引法に基づく表記",
-  "sponsors_description": "スポンサー募集中です!"
+  "sponsors_description": "スポンサー募集中です!",
+  "sponsors_application_closed": "スポンサーの募集は<wbr/>終了いたしました。<wbr/>ホームページへの反映は<wbr/>順次行って参ります。"
 }
diff --git a/src/modules/sessionize/hooks.ts b/src/modules/sessionize/hooks.ts
index 2a110c08..9f7870df 100644
--- a/src/modules/sessionize/hooks.ts
+++ b/src/modules/sessionize/hooks.ts
@@ -1,6 +1,26 @@
-import useSWR, { Fetcher } from 'swr'
+import useSWR from 'swr'
+import { sessionizeViewAllSchema, SessionizeViewAllSchemaType } from './schema'
 
-const fetcher: Fetcher<string> = (url: string): Promise<any> => fetch(url).then(res => res.json())
-export const useSessionize = () => {
-  return useSWR(`https://sessionize.com/api/v2/${process.env.NEXT_PUBLIC_SESSIONIZE_ID}/view/All`, fetcher)
+const fetcher = (url: string): Promise<SessionizeViewAllSchemaType> => fetch(url).then(res => res.json())
+export const useSessionize = (): SessionizeViewAllSchemaType | null => {
+  const { data, error } = useSWR(
+    `https://sessionize.com/api/v2/${process.env.NEXT_PUBLIC_SESSIONIZE_ID}/view/All`,
+    fetcher
+  )
+
+  if (error) {
+    console.error(error)
+    return null
+  }
+  if (!data) {
+    return null
+  }
+
+  const parsedResult = sessionizeViewAllSchema.safeParse(data)
+  if (!parsedResult.success) {
+    console.error(parsedResult.error)
+    return null
+  }
+
+  return parsedResult.data
 }
diff --git a/src/modules/sessionize/schema.ts b/src/modules/sessionize/schema.ts
new file mode 100644
index 00000000..1884ce0f
--- /dev/null
+++ b/src/modules/sessionize/schema.ts
@@ -0,0 +1,75 @@
+import { z } from 'zod'
+
+const sessionizeSessionSchema = z.object({
+  id: z.string(),
+  title: z.string(),
+  description: z.string(),
+  startsAt: z.string(),
+  endsAt: z.string(),
+  isServiceSession: z.boolean(),
+  isPlenumSession: z.boolean(),
+  speakers: z.array(z.string()),
+  categoryItems: z.array(z.number()),
+  questionAnswers: z.array(z.string()),
+  roomId: z.number(),
+  liveUrl: z.null(),
+  recordingUrl: z.null(),
+  status: z.literal('Accepted')
+})
+
+const sessionizeSpeakerSchema = z.object({
+  id: z.string(),
+  firstName: z.string(),
+  lastName: z.string(),
+  bio: z.string(),
+  tagLine: z.string(),
+  profilePicture: z.string(),
+  isTopSpeaker: z.boolean(),
+  links: z.array(
+    z.object({
+      linkType: z.string(),
+      title: z.string(),
+      url: z.string()
+    })
+  ),
+  sessions: z.array(z.number()),
+  fullName: z.string(),
+  categoryItems: z.array(z.number()),
+  questionAnswers: z.array(z.string())
+})
+
+const sessionizeCategorySchema = z.object({
+  id: z.number(),
+  title: z.string(),
+  items: z.array(
+    z.object({
+      id: z.number(),
+      name: z.string(),
+      sort: z.number()
+    })
+  ),
+  sort: z.number(),
+  type: z.literal('session')
+})
+
+const sessionizeRoomSchema = z.object({
+  id: z.number(),
+  name: z.string(),
+  sort: z.number()
+})
+
+/**
+ * Zod schema object for parsing the response from Sessionize's "View All" API.
+ */
+export const sessionizeViewAllSchema = z.object({
+  sessions: z.array(sessionizeSessionSchema),
+  speakers: z.array(sessionizeSpeakerSchema),
+  questions: z.array(z.any()),
+  categories: z.array(sessionizeCategorySchema),
+  rooms: z.array(sessionizeRoomSchema)
+})
+
+/**
+ * Type definition for the parsed response from Sessionize's "View All" API.
+ */
+export type SessionizeViewAllSchemaType = z.infer<typeof sessionizeViewAllSchema>
diff --git a/src/styles/color.ts b/src/styles/color.ts
index 44326895..3b88e98d 100644
--- a/src/styles/color.ts
+++ b/src/styles/color.ts
@@ -24,7 +24,13 @@ export const Colors = {
     secondary: '#F7F9FB',
     gopher_blue: '#00ADD8',
     gradation_blue: 'linear-gradient(180deg, #4E96E9 19.27%, rgba(77, 148, 230, 0) 88.54%)',
-    darken_1: 'rgba(0,0,0,0.125)'
+    darken_1: 'rgba(0,0,0,0.125)',
+    // NOTE(@maito1201): primary_blue is brand_color
+    primary_pink: '#EF5DA8',
+    primary_green: '#61B236',
+    secondary_pink: '#F8D9E8',
+    secondary_green: '#D9EBD4',
+    secondary_blue: '#D5E5F7'
   },
   border: {
     primary: {
diff --git a/yarn.lock b/yarn.lock
index 1d00e280..e725eddb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1465,6 +1465,11 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@faker-js/faker@7.6.0":
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/@faker-js/faker/-/faker-7.6.0.tgz#9ea331766084288634a9247fcd8b84f16ff4ba07"
+  integrity sha512-XK6BTq1NDMo9Xqw/YkYyGjSsg44fbNwYRx7QK2CuoQgyy+f1rrTDHoExVM5PsyXCtfl2vs2vVJ0MN0yN6LppRw==
+
 "@gar/promisify@^1.0.1":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
@@ -9834,7 +9839,7 @@ react-refresh@^0.11.0:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
   integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
 
-react-rewards@^2.0.4:
+react-rewards@2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/react-rewards/-/react-rewards-2.0.4.tgz#617f6c1bb591f74bb0e0455cc6ff355ee6d36665"
   integrity sha512-Lw7gIhD8yPDzC6boaVmcXwuTHRLSLAdqB3kZc+29YWvdHWsuc3fdAZlxI8Cm8fvD8fhP+3JkZBtzX224czw15w==
@@ -10752,7 +10757,7 @@ storybook-addon-material-ui5@1.0.0:
     js-beautify "^1.8.9"
     react-inspector "^2.3.1"
 
-storybook-addon-next@^1.6.9:
+storybook-addon-next@1.6.9:
   version "1.6.9"
   resolved "https://registry.yarnpkg.com/storybook-addon-next/-/storybook-addon-next-1.6.9.tgz#ee88b522fa294a5144891c8439300eb7a67b014d"
   integrity sha512-MrzR+Zw4Dzl0mh5C8xPW4suUqh+Sh6/iEXGU5ehW9e1TMavlFbic84xTErHsKrIYNb4jpExsYob4hlhzLqxOjw==
@@ -11360,10 +11365,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-typescript@4.8.2:
-  version "4.8.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.2.tgz#e3b33d5ccfb5914e4eeab6699cf208adee3fd790"
-  integrity sha512-C0I1UsrrDHo2fYI5oaCGbSejwX4ch+9Y5jTQELvovfmFkK3HHSZJB8MSJcWLmCUBzQBchCrZ9rMRV6GuNrvGtw==
+typescript@4.9.5:
+  version "4.9.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
+  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
 
 uglify-js@^3.1.4:
   version "3.17.2"
@@ -12045,6 +12050,11 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
+zod@3.21.4:
+  version "3.21.4"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-3.21.4.tgz#10882231d992519f0a10b5dd58a38c9dabbb64db"
+  integrity sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==
+
 zwitch@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.5.tgz#d11d7381ffed16b742f6af7b3f223d5cd9fe9920"