►
From YouTube: DEx - Website component audit walkthrough
Description
Related issue: https://gitlab.com/gitlab-com/marketing/digital-experience/buyer-experience/-/issues/2729
A
Hi,
okay,
so
I'm
just
gonna
record
a
little
video
to
go
over
the
website
component
audit
that
I've
been
working
on
for
a
little
bit
of
context
on
the
digital
experience
team,
we're
working
on
kind
of
recreating
our
marketing
website
about
dunkitlab.com
in
a
CMS
in
contentful
CMS
and
some
of
the
pre-work
for
that
is
kind
of
going
through
the
existing
pages
on
our
website
and
seeing
in
a
in
a
visual
State
what
they
look
like
at
the
moment
and
how
we
can
go
through
each
of
those
components
and
make
the
most
extensible
manageable
amount
of
components
within
our
CMS
as
possible.
A
So
I
went
through
the
website
page
by
Page,
looked
at
kind
of
blocks
of
content
to
see
which
types
of
content
are
repeated
throughout
the
site
that
could
be
kind
of
One
content
type
or
with
a
bit
of
tweaking
can
all
be
made
into
one
content,
type
versus
one-off
content,
type
or
one-off
Pages.
Some
of
our
pages
are
like
very
complex
and
probably
don't
belong
in
the
CMS,
but
anyway,
I'll
get
into
that
now.
A
I'll
share
my
screen
and
kind
of
show
what
I
came
up
with,
which
is
the
one
that
I
want
in
my
okay.
So
this
is
we
zoomed
out
here,
but
the
component
audit
has
two
kind
of
pages:
I'll
start
with
the
entire
site.
Here
this
goes
alphabetically,
so
that.getlab.com
a
so
the
only
page
in
a
is
analyst-
and
this
is
kind
of
I-
just
took
screenshots
literal
screenshots
of
what
each
of
the
parts
of
the
page
look
like
and
I
went.
A
You
know,
b,
c
d,
e,
f,
g
and
so
on
so
forth.
So
you
start
to
see
like
different
types
of
headers.
That
could
probably
be
one
component
or
Heroes
I,
guess
that
are
all
very
similar.
How
can
we
make
this
as
reusable
as
possible?
A
So
like
a
lot
of
our
people
into
maybe
the
solutions?
Pages
Solutions
Pages?
There
are
so
many
child
pages
of
the
solutions
that,
instead
of
just
copying
every
page
that
got
really
repetitive
every
time.
I
saw
a
new
component
I,
just
kind
of
bashed
it
in
here.
A
A
So
coming
up
with
things
that
we
can
reuse
and
make
extensible,
so
that
was
kind
of
the
first
part
and
then
I
tossed
all
of
those
into
a
new
page
and
try
to
group
them
into
different
type
of
component
groupings
like
the
hero.
What
we
call
the
next
step
component,
which
is
usually
kind
of
right
above
the
footer
of
the
page,
different
types
of
carousels
like
video,
Carousel
images,
Carousel
quotes
carousels
and
similarly
accordions.
A
lot
of
these
are
kind
of
the
same
type
of
work
and
they
would
look
very
similar
in
Contempo.
A
A
You
know
what
I
was
noticing
as
as
kind
of
a
trend
and
what
could
be
kind
of
optional
or
Boolean,
maybe
true,
false
values,
something
like
that
and
contentful
something
like
some
of
them
have
this
trusted
by
identifier
and
some
of
them
don't
should
we
have
a
max
number
of
logos,
so
these
are
some
things
that
can
be
set
in
contentful
as
we
go
through
and
making
everything
be
consistent.
A
So
I
went
and
wrote
all
of
this
up
in
an
issue
that
I
will
link
as
well
and
went
through
each
of
our
CMS
planning
issues
and
talked
about
you
know:
there's
there's
an
issue
for
creating
a
hero,
so
I
linked
my
findings
for
the
hero
pages
and
and
my
recommendations.
A
But
of
course,
as
people
are
building
this
out,
you
know
use
your
best
judgment
that
sort
of
thing
but
yeah,
that's
just
a
quick
walkthrough
of
the
component
audit,
just
to
kind
of
give
an
idea
of
what
our
site
visually
looks
like
and
how
you
know.
A
We
put
a
lot
of
work
into
differentiating
each
of
these
components,
so
we
don't
want
to
lose
that
we
don't
want
every
page
of
our
website
to
look
the
exact
same,
but
we
also
want
to
make
sure
that
we're
only
having
a
certain
number
of
content
types
I
think
we
are
limited
at
100,
so
staying
within
those
parameters,
I
will
stop
sharing
and
I.
Think
that's
it.
Thank
you.
So
much.