diff --git a/packages/middleware-logger/src/loggerMiddleware.spec.ts b/packages/middleware-logger/src/loggerMiddleware.spec.ts
index 3e9cfbbefeb6..0dd617de2c2a 100644
--- a/packages/middleware-logger/src/loggerMiddleware.spec.ts
+++ b/packages/middleware-logger/src/loggerMiddleware.spec.ts
@@ -1,4 +1,4 @@
-import { BuildHandlerArguments, Logger, MiddlewareStack } from "@aws-sdk/types";
+import { Logger, MiddlewareStack } from "@aws-sdk/types";
 
 import { getLoggerPlugin, loggerMiddleware, loggerMiddlewareOptions } from "./loggerMiddleware";
 
@@ -19,9 +19,9 @@ describe("getLoggerPlugin", () => {
 });
 
 describe("loggerMiddleware", () => {
-  const next = jest.fn();
+  const mockNext = jest.fn();
 
-  const args = {
+  const mockArgs = {
     input: {
       inputKey: "inputValue",
     },
@@ -32,10 +32,6 @@ describe("loggerMiddleware", () => {
   };
 
   const mockResponse = {
-    response: {
-      statusCode: 200,
-      headers: {},
-    },
     output: {
       $metadata: {
         statusCode: 200,
@@ -46,7 +42,7 @@ describe("loggerMiddleware", () => {
   };
 
   beforeEach(() => {
-    next.mockResolvedValueOnce(mockResponse);
+    mockNext.mockResolvedValueOnce(mockResponse);
   });
 
   afterEach(() => {
@@ -54,59 +50,36 @@ describe("loggerMiddleware", () => {
   });
 
   it("returns without logging if context.logger is not defined", async () => {
-    const response = await loggerMiddleware()(next, {})(args as BuildHandlerArguments<any>);
-    expect(next).toHaveBeenCalledTimes(1);
+    const response = await loggerMiddleware()(mockNext, {})(mockArgs);
+    expect(mockNext).toHaveBeenCalledTimes(1);
     expect(response).toStrictEqual(mockResponse);
   });
 
-  it("returns without logging if context.logger doesn't have debug/info functions", async () => {
+  it("returns without logging if context.logger doesn't have info function", async () => {
     const logger = {} as Logger;
-    const response = await loggerMiddleware()(next, { logger })(args as BuildHandlerArguments<any>);
-    expect(next).toHaveBeenCalledTimes(1);
+    const response = await loggerMiddleware()(mockNext, { logger })(mockArgs);
+    expect(mockNext).toHaveBeenCalledTimes(1);
     expect(response).toStrictEqual(mockResponse);
   });
 
-  it("logs $metadata, input, output if context.logger has info function", async () => {
+  it("logs $metadata if context.logger has info function", async () => {
     const logger = ({ info: jest.fn() } as unknown) as Logger;
 
-    const inputFilterSensitiveLog = jest.fn().mockImplementationOnce((input) => input);
-    const outputFilterSensitiveLog = jest.fn().mockImplementationOnce((output) => output);
     const context = {
       logger,
-      inputFilterSensitiveLog,
-      outputFilterSensitiveLog,
     };
 
-    const response = await loggerMiddleware()(next, context)(args as BuildHandlerArguments<any>);
-    expect(next).toHaveBeenCalledTimes(1);
+    const response = await loggerMiddleware()(mockNext, context)(mockArgs);
+    expect(mockNext).toHaveBeenCalledTimes(1);
     expect(response).toStrictEqual(mockResponse);
 
-    expect(inputFilterSensitiveLog).toHaveBeenCalledTimes(1);
-    expect(outputFilterSensitiveLog).toHaveBeenCalledTimes(1);
     expect(logger.info).toHaveBeenCalledTimes(1);
 
     const {
-      output: { $metadata, ...outputWithoutMetadata },
+      output: { $metadata },
     } = mockResponse;
     expect(logger.info).toHaveBeenCalledWith({
       $metadata,
-      input: args.input,
-      output: outputWithoutMetadata,
-    });
-  });
-
-  it("logs httpRequest, httpResponse if context.logger has debug function", async () => {
-    const logger = ({ debug: jest.fn() } as unknown) as Logger;
-    const response = await loggerMiddleware()(next, { logger })(args as BuildHandlerArguments<any>);
-    expect(next).toHaveBeenCalledTimes(1);
-    expect(response).toStrictEqual(mockResponse);
-
-    expect(logger.debug).toHaveBeenCalledTimes(2);
-    expect(logger.debug).toHaveBeenNthCalledWith(1, {
-      httpRequest: args.request,
-    });
-    expect(logger.debug).toHaveBeenNthCalledWith(2, {
-      httpResponse: mockResponse.response,
     });
   });
 });
diff --git a/packages/middleware-logger/src/loggerMiddleware.ts b/packages/middleware-logger/src/loggerMiddleware.ts
index d349e0862961..704abfbf273d 100644
--- a/packages/middleware-logger/src/loggerMiddleware.ts
+++ b/packages/middleware-logger/src/loggerMiddleware.ts
@@ -13,7 +13,7 @@ export const loggerMiddleware = () => <Output extends MetadataBearer = MetadataB
   next: BuildHandler<any, Output>,
   context: HandlerExecutionContext
 ): BuildHandler<any, Output> => async (args: BuildHandlerArguments<any>): Promise<BuildHandlerOutput<Output>> => {
-  const { logger, inputFilterSensitiveLog, outputFilterSensitiveLog } = context;
+  const { logger } = context;
 
   const response = await next(args);
 
@@ -22,23 +22,14 @@ export const loggerMiddleware = () => <Output extends MetadataBearer = MetadataB
   }
 
   const {
-    output: { $metadata, ...outputWithoutMetadata },
+    output: { $metadata },
   } = response;
 
-  if (typeof logger.debug === "function") {
-    logger.debug({
-      httpRequest: args.request,
-    });
-    logger.debug({
-      httpResponse: response.response,
-    });
-  }
-
+  // TODO: Populate custom metadata in https://github.com/aws/aws-sdk-js-v3/issues/1491#issuecomment-692174256
+  // $metadata will be removed in https://github.com/aws/aws-sdk-js-v3/issues/1490
   if (typeof logger.info === "function") {
     logger.info({
       $metadata,
-      input: inputFilterSensitiveLog(args.input),
-      output: outputFilterSensitiveLog(outputWithoutMetadata),
     });
   }
 
diff --git a/packages/middleware-serde/jest.config.js b/packages/middleware-serde/jest.config.js
new file mode 100644
index 000000000000..a8d1c2e49912
--- /dev/null
+++ b/packages/middleware-serde/jest.config.js
@@ -0,0 +1,5 @@
+const base = require("../../jest.config.base.js");
+
+module.exports = {
+  ...base,
+};
diff --git a/packages/middleware-serde/src/deserializerMiddleware.spec.ts b/packages/middleware-serde/src/deserializerMiddleware.spec.ts
new file mode 100644
index 000000000000..95afb82d2128
--- /dev/null
+++ b/packages/middleware-serde/src/deserializerMiddleware.spec.ts
@@ -0,0 +1,98 @@
+import { Logger } from "@aws-sdk/types";
+
+import { deserializerMiddleware } from "./deserializerMiddleware";
+
+describe("deserializerMiddleware", () => {
+  const mockNext = jest.fn();
+  const mockDeserializer = jest.fn();
+
+  const mockOptions = {
+    endpoint: () =>
+      Promise.resolve({
+        protocol: "protocol",
+        hostname: "hostname",
+        path: "path",
+      }),
+  };
+
+  const mockArgs = {
+    input: {
+      inputKey: "inputValue",
+    },
+    request: {
+      method: "GET",
+      headers: {},
+    },
+  };
+
+  const mockOutput = {
+    $metadata: {
+      statusCode: 200,
+      requestId: "requestId",
+    },
+    outputKey: "outputValue",
+  };
+
+  const mockNextResponse = {
+    response: {
+      statusCode: 200,
+      headers: {},
+    },
+  };
+
+  const mockResponse = {
+    response: mockNextResponse.response,
+    output: mockOutput,
+  };
+
+  beforeEach(() => {
+    mockNext.mockResolvedValueOnce(mockNextResponse);
+    mockDeserializer.mockResolvedValueOnce(mockOutput);
+  });
+
+  afterEach(() => {
+    expect(mockNext).toHaveBeenCalledTimes(1);
+    expect(mockNext).toHaveBeenCalledWith(mockArgs);
+    expect(mockDeserializer).toHaveBeenCalledTimes(1);
+    expect(mockDeserializer).toHaveBeenCalledWith(mockNextResponse.response, mockOptions);
+    jest.clearAllMocks();
+  });
+
+  it("returns without logging if context.logger is not defined", async () => {
+    const response = await deserializerMiddleware(mockOptions, mockDeserializer)(mockNext, {})(mockArgs);
+    expect(response).toStrictEqual(mockResponse);
+  });
+
+  it("returns without logging if context.logger doesn't have debug/info function", async () => {
+    const logger = {} as Logger;
+    const response = await deserializerMiddleware(mockOptions, mockDeserializer)(mockNext, { logger })(mockArgs);
+    expect(response).toStrictEqual(mockResponse);
+  });
+
+  it("logs output if context.logger has info function", async () => {
+    const logger = ({ info: jest.fn() } as unknown) as Logger;
+
+    const outputFilterSensitiveLog = jest.fn().mockImplementationOnce((output) => output);
+    const response = await deserializerMiddleware(mockOptions, mockDeserializer)(mockNext, {
+      logger,
+      outputFilterSensitiveLog: outputFilterSensitiveLog,
+    })(mockArgs);
+
+    const { $metadata, ...outputWithoutMetadata } = mockOutput;
+    expect(response).toStrictEqual(mockResponse);
+    expect(outputFilterSensitiveLog).toHaveBeenCalledTimes(1);
+    expect(outputFilterSensitiveLog).toHaveBeenCalledWith(outputWithoutMetadata);
+    expect(logger.info).toHaveBeenCalledTimes(1);
+    expect(logger.info).toHaveBeenCalledWith({ output: outputWithoutMetadata });
+  });
+
+  it("logs response if context.logger has debug function", async () => {
+    const logger = ({ debug: jest.fn() } as unknown) as Logger;
+
+    const response = await deserializerMiddleware(mockOptions, mockDeserializer)(mockNext, { logger })(mockArgs);
+
+    expect(response).toStrictEqual(mockResponse);
+    expect(logger.debug).toHaveBeenCalledTimes(1);
+    expect(logger.debug).toHaveBeenCalledWith({ httpResponse: mockNextResponse.response });
+  });
+});
diff --git a/packages/middleware-serde/src/deserializerMiddleware.ts b/packages/middleware-serde/src/deserializerMiddleware.ts
index d89c4875fcfb..116d32f5de0d 100644
--- a/packages/middleware-serde/src/deserializerMiddleware.ts
+++ b/packages/middleware-serde/src/deserializerMiddleware.ts
@@ -3,21 +3,42 @@ import {
   DeserializeHandlerArguments,
   DeserializeHandlerOutput,
   DeserializeMiddleware,
+  HandlerExecutionContext,
   ResponseDeserializer,
 } from "@aws-sdk/types";
 
-export function deserializerMiddleware<Input extends object, Output extends object, RuntimeUtils = any>(
+export const deserializerMiddleware = <Input extends object, Output extends object, RuntimeUtils = any>(
   options: RuntimeUtils,
   deserializer: ResponseDeserializer<any, any, RuntimeUtils>
-): DeserializeMiddleware<Input, Output> {
-  return (next: DeserializeHandler<Input, Output>): DeserializeHandler<Input, Output> => async (
-    args: DeserializeHandlerArguments<Input>
-  ): Promise<DeserializeHandlerOutput<Output>> => {
-    const { response } = await next(args);
-    const parsed = await deserializer(response, options);
-    return {
-      response,
-      output: parsed as Output,
-    };
+): DeserializeMiddleware<Input, Output> => (
+  next: DeserializeHandler<Input, Output>,
+  context: HandlerExecutionContext
+): DeserializeHandler<Input, Output> => async (
+  args: DeserializeHandlerArguments<Input>
+): Promise<DeserializeHandlerOutput<Output>> => {
+  const { logger, outputFilterSensitiveLog } = context;
+
+  const { response } = await next(args);
+
+  if (typeof logger?.debug === "function") {
+    logger.debug({
+      httpResponse: response,
+    });
+  }
+
+  const parsed = await deserializer(response, options);
+
+  // Log parsed after $metadata is removed in https://github.com/aws/aws-sdk-js-v3/issues/1490
+  const { $metadata, ...outputWithoutMetadata } = parsed;
+
+  if (typeof logger?.info === "function") {
+    logger.info({
+      output: outputFilterSensitiveLog(outputWithoutMetadata),
+    });
+  }
+
+  return {
+    response,
+    output: parsed as Output,
   };
-}
+};
diff --git a/packages/middleware-serde/src/serializerMiddleware.spec.ts b/packages/middleware-serde/src/serializerMiddleware.spec.ts
new file mode 100644
index 000000000000..3d57dff3546c
--- /dev/null
+++ b/packages/middleware-serde/src/serializerMiddleware.spec.ts
@@ -0,0 +1,96 @@
+import { Logger } from "@aws-sdk/types";
+
+import { serializerMiddleware } from "./serializerMiddleware";
+
+describe("serializerMiddleware", () => {
+  const mockNext = jest.fn();
+  const mockSerializer = jest.fn();
+
+  const mockOptions = {
+    endpoint: () =>
+      Promise.resolve({
+        protocol: "protocol",
+        hostname: "hostname",
+        path: "path",
+      }),
+  };
+
+  const mockArgs = {
+    input: {
+      inputKey: "inputValue",
+    },
+  };
+
+  const mockRequest = {
+    method: "GET",
+    headers: {},
+  };
+
+  const mockResponse = {
+    statusCode: 200,
+    headers: {},
+  };
+
+  const mockOutput = {
+    $metadata: {
+      statusCode: 200,
+      requestId: "requestId",
+    },
+    outputKey: "outputValue",
+  };
+
+  const mockReturn = {
+    response: mockResponse,
+    output: mockOutput,
+  };
+
+  beforeEach(() => {
+    mockNext.mockResolvedValueOnce(mockReturn);
+    mockSerializer.mockResolvedValueOnce(mockRequest);
+  });
+
+  afterEach(() => {
+    expect(mockSerializer).toHaveBeenCalledTimes(1);
+    expect(mockSerializer).toHaveBeenCalledWith(mockArgs.input, mockOptions);
+    expect(mockNext).toHaveBeenCalledTimes(1);
+    expect(mockNext).toHaveBeenCalledWith({ ...mockArgs, request: mockRequest });
+    jest.clearAllMocks();
+  });
+
+  it("returns without logging if context.logger is not defined", async () => {
+    const response = await serializerMiddleware(mockOptions, mockSerializer)(mockNext, {})(mockArgs);
+    expect(response).toStrictEqual(mockReturn);
+  });
+
+  it("returns without logging if context.logger doesn't have debug/info function", async () => {
+    const logger = {} as Logger;
+    const response = await serializerMiddleware(mockOptions, mockSerializer)(mockNext, { logger })(mockArgs);
+    expect(response).toStrictEqual(mockReturn);
+  });
+
+  it("logs input if context.logger has info function", async () => {
+    const logger = ({ info: jest.fn() } as unknown) as Logger;
+
+    const inputFilterSensitiveLog = jest.fn().mockImplementationOnce((input) => input);
+    const response = await serializerMiddleware(mockOptions, mockSerializer)(mockNext, {
+      logger,
+      inputFilterSensitiveLog,
+    })(mockArgs);
+
+    expect(response).toStrictEqual(mockReturn);
+    expect(inputFilterSensitiveLog).toHaveBeenCalledTimes(1);
+    expect(inputFilterSensitiveLog).toHaveBeenCalledWith(mockArgs.input);
+    expect(logger.info).toHaveBeenCalledTimes(1);
+    expect(logger.info).toHaveBeenCalledWith({ input: mockArgs.input });
+  });
+
+  it("logs request if context.logger has debug function", async () => {
+    const logger = ({ debug: jest.fn() } as unknown) as Logger;
+
+    const response = await serializerMiddleware(mockOptions, mockSerializer)(mockNext, { logger })(mockArgs);
+
+    expect(response).toStrictEqual(mockReturn);
+    expect(logger.debug).toHaveBeenCalledTimes(1);
+    expect(logger.debug).toHaveBeenCalledWith({ httpRequest: mockRequest });
+  });
+});
diff --git a/packages/middleware-serde/src/serializerMiddleware.ts b/packages/middleware-serde/src/serializerMiddleware.ts
index ccbcb9fbc477..284adfe94554 100644
--- a/packages/middleware-serde/src/serializerMiddleware.ts
+++ b/packages/middleware-serde/src/serializerMiddleware.ts
@@ -1,5 +1,6 @@
 import {
   EndpointBearer,
+  HandlerExecutionContext,
   RequestSerializer,
   SerializeHandler,
   SerializeHandlerArguments,
@@ -7,17 +8,33 @@ import {
   SerializeMiddleware,
 } from "@aws-sdk/types";
 
-export function serializerMiddleware<Input extends object, Output extends object, RuntimeUtils extends EndpointBearer>(
+export const serializerMiddleware = <Input extends object, Output extends object, RuntimeUtils extends EndpointBearer>(
   options: RuntimeUtils,
   serializer: RequestSerializer<any, RuntimeUtils>
-): SerializeMiddleware<Input, Output> {
-  return (next: SerializeHandler<Input, Output>): SerializeHandler<Input, Output> => async (
-    args: SerializeHandlerArguments<Input>
-  ): Promise<SerializeHandlerOutput<Output>> => {
-    const request = await serializer(args.input, options);
-    return next({
-      ...args,
-      request,
+): SerializeMiddleware<Input, Output> => (
+  next: SerializeHandler<Input, Output>,
+  context: HandlerExecutionContext
+): SerializeHandler<Input, Output> => async (
+  args: SerializeHandlerArguments<Input>
+): Promise<SerializeHandlerOutput<Output>> => {
+  const { logger, inputFilterSensitiveLog } = context;
+
+  if (typeof logger?.info === "function") {
+    logger.info({
+      input: inputFilterSensitiveLog(args.input),
     });
-  };
-}
+  }
+
+  const request = await serializer(args.input, options);
+
+  if (typeof logger?.debug === "function") {
+    logger.debug({
+      httpRequest: request,
+    });
+  }
+
+  return next({
+    ...args,
+    request,
+  });
+};