EMPOWERMENT TECHNOLOGIES
ACTIVITY: WEBSITE EVALUATION
Submitted by: Grade 11-STEM
Telosa, Ma Jahzeel
Gollena, Reinalyn
Mancao, ElyJane
Olivares, Circe
Chavez, Ginelle
1. https://www.deped.gov.ph
1
EMPOWERMENT TECHNOLOGIES
ACTIVITY: WEBSITE EVALUATION
Their layout is clean and well-balanced. The website uses the color blue, and it does an
excellent job of emphasizing the text and designs. The size and color of the text make it
stand out. The transitional effects are all identical. The arrangement is correctly aligned. The
headings are clearly visible. It also has a great contrast because the background and text are
different colors.
2. .https://education.minecraft.net
The website used the basic principles of design and layout, which is balance,
alignment, hierarchy, contrast, and unity and harmony. It uses balance in way of putting a
2
EMPOWERMENT TECHNOLOGIES
ACTIVITY: WEBSITE EVALUATION
big image at the same time big text that is in the bold font. As you scroll down you can see
that there is an alignment in the box shapes below the 'Find what you need' text and the
paragraph inside of it is all in the left. In addition to that, the principle of hierarchy was also
used. It direct us where should we set our eyes first for example we first need to look at the
pictures and as we go on we can see the download for Minecraft and next is find what we
need and the list goes on. Another is the contrast because of the use of monochorionic
colors, geometric shapes and light values. Last is the unity and harmony, when all of the
elements of design work together we can see the theme of the website which is the
Minecraft and all about educational lessons.
3. https://teachforthephilippines.org
3
EMPOWERMENT TECHNOLOGIES
ACTIVITY: WEBSITE EVALUATION
The website use the basic elements of design and layout they use the size, balance,
space, shape, line and Colors. They also use Alignment and Proximity. In my observation,
some parts in the homepage are different in Size like the picture in the homepage, The
picture comes larger form the other button and other elements that we see in the homepage.
The text size is also applied the larger and bolder text is applied at the heading or titles while
the smaller text is applied in subheading and body. Homepages shape and color are balanced
and contrast to each other also the homepage's logo is balanced and it compliment to each
other. Space observe that there are no negative space seen in that homepage of the sight, I
can see the wide space c creates a breathing room for the text. Shapes there are many shapes
that used, The rectangular once is use for buttons and the square one is used for text box,
they also used geometric and complex shapes since there are logos in the homepage. Line its
used in the lining of the text or emphasizing such an important message written in the page
and Color they used 4 types of colors in creating the website I observe when using the text
color they use light colors when the text is inline with a darker color shape or a darker color
picture. The 4 types of colors they used are Red, White, Gray and Black we can see that both
darkness and lightness shade are use. Proximity i can say that this principle is applied
because the position of the text to the shape and image behind it are still readable and also
the distance of that square that holds the text is inclined or not in the same direction but both
are readable. Lastly is Alignment we can see that that placement of the text is aligned also
all sides of the page has a element from top to bottom.
4
EMPOWERMENT TECHNOLOGIES
ACTIVITY: WEBSITE EVALUATION
4. https://arvr.google.com/ar
Google AR VR has incredible layout and design. It uses hierarchy, contrast, alignment and
unity and harmony. Hierarchy because they highlighted the words they want to express in
their website. As you scroll down in the website a planet is appearing, it look really realistic
and the transition is so good and in this it uses the contrast, the shapes, spaces, color, size
and the texture. In the end the layout has alignment. Unity and harmony because all of the
element works together that’s why their design is good.
5
EMPOWERMENT TECHNOLOGIES
ACTIVITY: WEBSITE EVALUATION
5. https://www.canva.com/
The layout is well-crafted, with colors that are pleasing to the eye and not harsh,
and the layout is symmetry and neat. Even though the colors are different, it still looks
beautiful due to the appealing color choices used.
