Makezine Website RWD Analysis

This report provides a comprehensive analysis of Makezine's website, focusing on its adherence to responsive web design (RWD) principles. The analysis includes a discussion of the website's features, positive and negative aspects, and a review based on participant feedback and testing using different screen sizes via Google Chrome simulator and other emulators. The report highlights the website's strengths, such as its use of vector images for consistent quality across devices and its lightweight design for fast loading times. Weaknesses identified include the lack of a strong flow in website navigation and the use of pixels (px) instead of percentages for sizing. The report concludes with recommendations for improvement, such as integrating social media, improving website flow, enhancing responsiveness to smaller screen sizes, and better content categorization.

Running head: MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
Makezine Website Analysis on RWD Principles
Name of the Student
Name of the University

1MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
Table of Contents
1. Introduction:................................................................................................................................2
2. Makezine Website Discussion:....................................................................................................2
3. Recognition and Discussion of Website Feature:........................................................................3
3.1 Main Feature: Reaching the Target Audience.......................................................................3
3.2 Other Features:.......................................................................................................................4
4. Identification of Positive and Negative Aspects:.........................................................................4
4.1 Positive Impact:.....................................................................................................................4
4.2 Negative Impact:....................................................................................................................5
5. Review of makezine Website:.....................................................................................................5
5.1 Review through Participants:.................................................................................................5
5.2 Analyzing the makezie Website in Different Screens Using Google Chrome Simulator:....6
5.3 Similarity and Dissimilarity in Participant Review:..............................................................9
5.4 Google Chrome Simulator:....................................................................................................9
5.5 Other Simulators:.................................................................................................................10
6. Recommendation:......................................................................................................................11
7. Conclusion:................................................................................................................................11
Bibliography:.................................................................................................................................12

2MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
1. Introduction:
Website composition is the technique through which he planners outline and build up a
site that can react to the conduct of the client and screen estimate based condition. This
influences the site to search useful for every one of the gadgets of various screens. The HTML
and CSS innovation is utilized for the advancement of the responsive site outlining. Taken for
instance, if the site is responsive then the site can be open in substantial show like com PC and
little show like cell phone.
The chose site is makezine. The site has the mission of engaging the producers all around
the entire world. The site grasps innovativeness, development and learning with a specific end
goal to enhance the group and producing better future. The site is engaged after helping the
general population (youthful to old) who are intrigued grasping their ability for making new
things and finding imaginative answers for various answers with respect to innovativeness.
The study is comprised of different aspect of the makezine website analysis. Within the
study, the discussion of the website along with the features and identification has been done.
Five different screen sizes has been selected for analyzing the website responsiveness. Based on
the gathered data through the analysis, the recommendation has been provided.
2. Makezine Website Discussion:
The site is packed in the DIY or do it yours self and do it with other or DIWO ventures.
From the landing page the reason for the site can be caught on. The landing page is comprising
of different recordings and articles that of various DIY venture. The shading blend is fair and the
clients does not get occupied shape the primary substance due to the shading determination. At
the upper left corner of the site, the logo of makezine has been given.
Figure 1: The Home Page of Makezine
(Source: Known Lock et al. 2017)

3MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
As it can be seen inside the figure 1, the menu of the site is in the header. The site enables
the clients to login with the goal that the movement of individual enrolled clients can be
recorded. The site comprise of promotion in the landing page too. In the event that one of the
article is clicked then another page is opened which hold data with respect to the article. Taken
for instance, in the wake of tapping on the "This Week in Making: iPhone 7 Headphone Hacks,
3D Printed Homes, and Lego Engineering", another page opened that comprised of four unique
subjects. The client can get included with the site's main goal through the connection gave in the
menu called "get included". At the correct upper comer there is a scan choice for the clients. The
clients can look for changed point through contributing the intrigued innovation or art name.
Take for instance, in the wake of contributing the innovation name "Bluetooth" the
accompanying site page was opened. The division of the site page has been pictured in the figure
2.
Figure 2: Webpage Opened after Searching Arduino
(Source: Known Lock et al. 2017)
The site has additionally a footer that holds the links like about us, make share, follow us,
projects, and contribute and many more. The footer is same all through the entire site. Each of
the venture is comprising of point by point depiction of the segment which enables the client to
assemble thought in regards to the crude component required for the undertaking and the
procedure and in addition schematic graph (assuming any). The site enables the clients to
subscribe to the site and spare the activities. With a specific end goal to subscribe to the site,
there are three alternatives for the client, for example, all entrance, print just and advanced just
and the cost of the memberships are $39.99, $34.99 and $24.99 respectively.
3. Recognition and Discussion of Website Feature:
3.1 Main Feature: Reaching the Target Audience
From the advancements to the media content, every one of the things are intentionally
improved the situation drawing in the intended interest group. The intended interest group has no

4MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
age restrain, the main criteria is that the gathering of people is occupied with making new things.
The reaction from the clients and achievement of the site influences it to clear that it has
effectively focused on gathering of people.
3.2 Other Features:
Highlighting Brand Image: The site has effectively centered on speaking to the brand
picture through the substance and web architecture. The chose pictures and media is ideal for
supporting the brand picture and in addition enhancing it. The web specialists has rebuilt the
dewing guideline to drawing in the clients as opposed to following new patterns indiscriminately.
No Extra Space: There are no increments space between the substance. These enables
the client to peruse the substance effectively and make the site alluring.
Responsiveness: The best component inside the makezine site is the responsiveness. In
the wake of dissecting the site so far it has been distinguished that the site can be opened in
various gadgets (obviously the gadget must have web empower and program). At introduce, the
clients get a kick out of the chance to get to the most loved destinations through the cell phones.
It is on the grounds that, the cell phones give access to the locales anyplace if web is accessible.
Utilizing PCs in better places or portable areas is unrealistic. This issue is settled through the cell
phones. The responsiveness of the site enables the client to get to the site through different little
screen or had held gadgets.
Same Quality Images at All Screen Size: If there should be an occurrence of different
sites, the nature of the pictures gets low in light of the utilization of bitmaps. If there should arise
an occurrence of makezine, the picture quality continues as before on the off chance that it is
gotten to from various screen estimated gadgets.
Smooth Loading of Website: The site stack easily in various gadgets and does not take
much time. The explanation for is the site is really responsive not versatile. On the off chance
that OK web association is accessible, the site can be gotten effortlessly.
The Fonts Are Clear at All Devices: The text styles of the site is not limited to a solitary
gadget (for this situation PC). The textual styles that has been utilized inside the site can be
unmistakably found in the cell phones of various working framework. On the off chance that the
PC front were utilized at that point not all the working framework could remembered it.
Website Goal: the site has depicted the objectives appropriately and adequately. The
mission has been expressed inside the 'about us' page. The portrayal of the site goals has been
spoken with the clients in the page graphically. Every one of the pages of site can satisfy the site
objective. As said over, the site holds the connections to various tasks that comprise of point by
point depiction of project.
4. Identification of Positive and Negative Aspects:
4.1 Positive Impact:
Followed Responsive Design Instead of Adaptive: The web specialists has taken after
the outline standards of responsive website composition rather than versatile website architecture
approach. If there should arise an occurrence of responsive website architecture approach, the
site will be outlined such that it can be gotten to from different gadgets. The nature of the site has
been upgraded using responsive website architecture approach.

5MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
Light Website Design: Light modelling of site is a significant piece of entire plan
process. In the event that the site gets excessively time stack then the entire outline tangle not
affect decidedly on the client. As the site has been planned softly, the stacking time of the site is
low. The fundamental segments of the site seem first inside the site. This permits a client with
low web speed to get to the principle highlights of the webpage.
No Item Was Fixed: If there should be an occurrence of responsive website architecture,
the span of header or comparative substance can be kept up through not settling any substance.
As the responsive destinations are gotten to for the most part through the cell phones, settling the
header or comparative segment can bring about lessening the screen measure. This sort of issue
is absent in makezine site. It enhances the availability and client fulfillment.
No Usage of Additional Spaces: The web specialists of makezine did not utilize the
additional spaces between the substances. These enables the client to peruse the substance
effectively and make the site alluring. Extra spaces inside a webpage influences the client to
expect that the site does not have much substance. Makezine is comprising of various measure of
substance and along these lines it doesn't utilize any extra spaces.
Responsive Navigation: Examples of navigation inside the responsive site is a basic
errand to deal with. The site has kept up the consistency of site look, involvement and feel.
Usage of Vector Images: The vector pictures has been chosen for outlining the makezine
site. The utilization of vector pictures has made it workable for the site to envision the pictures
with same quality for various screens. This enables the clients to get to the page content with
same quality in cell phones. Resizing the pictures with the CSS is an outstanding procedure
however the nature of the picture does not stay same as the vector pictures.
Usage of Web fonts Instead of W System Fonts: In case of the framework text styles are
utilized then the textual style will be constrained to the PC frameworks. The framework textual
styles are essentially receptive to the working framework. On the off chance that other working
frameworks does not bolster the textual style, it can be seen on each different gadgets. The site
has utilized web textual styles. This enables the client to see the text style in different gadgets. It
enables the site to pull in new clients and upgrades the client fulfillment.
4.2 Negative Impact:
Absence of Flow in Website: The stream inside the site get to is absent in solid way.
There are different things that should be possible for keeping up the stream in web composition.
Usage of PX instead of Percentage: The site is composed such that it utilizes PX rather
than rate. The PX functions admirably in the responsive pages yet frequently this breakdowns.
The issues that emerges due to the utilization of PX, can be alleviated if rate is being utilized.
Frequently this prompts client disappointment.
5. Review of makezine Website:
5.1 Review through Participants:
Participant One: The first participant is a family member. She is a twenty five years old
store manager in a local book store. She loves to create new things as well as interested in DIY.
From the beginning, she showed interested in the contents of the website. According to her, the
website is completely mission oriented. This means that, the objective of the website can be seen

6MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
from the home page to about us page. The contents of the website is very rich. She also stated
that the website has been a great pleasure to visit. She wishes to visit the website again.
Participant Two: The second participant is a friend. He works at a local primary school.
He is not interested in DIY projects but interested in technology. He is twenty two years old. He
found the technology section of the website very interesting. According to him, search option in
the website is very effective. The he accessed the website through the mobile browser and he
stated the website was completely responsive.
5.2 Analyzing the makezie Website in Different Screens Using Google Chrome
Simulator:
1280x768: Representation of website in the 1280x768 resolution.
Figure 3: Makezine Website Home Page at 1280x768 Resolution
(Source; Known Lock et al. 2017)
480x640: Representation of website in the 480x640 resolution.
Figure 4: Makezine Website Home Page at 480x640 Resolution

7MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
(Source; Known Lock et al. 2017)
700x960: Representation of website in the 700x960 resolution.
Figure 5: Makezine Website Home Page at 700x960 Resolution
(Source; Known Lock et al. 2017)
400x640: Representation of website in the 400x640 resolution.

8MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
Figure 6: Makezine Website Home Page at 400x640 Resolution
(Source; Known Lock et al. 2017)
200x320: Representation of website in the 200x320 resolution.
Figure 7: Makezine Website Home Page at 200x320 Resolution
(Source: Known Lock et al. 2017)

9MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
5.3 Similarity and Dissimilarity in Participant Review:
As a matter of first importance a conclusion to the review of both the member is required.
Both the members conceded to the way that the site has effectively spoken to their central goal to
the clients. The navigation inside the site is viable and productive. The site pictures and
substance are clear for various estimated screen determination.
According to the review done inside the site, all the solid focuses that both the members
has depicted matches. According to the review done inside the examination, the site can enable
the clients to speak with it proficiently. The site can likewise be gotten to in brief time being a
light weight site. This reviews likewise coordinates with the member survey. The responsive of
the site is successful.
5.4 Google Chrome Simulator:
The google chrome test system enables an architect to reenact cell phones with the
utilization of gadget mode. Using google chrome gadget test system, the versatile first gadget
mode site can be fabricated advertisement broke down. The google chrome test system enables
the fashioner to mimic the site in different gadgets. Notwithstanding that it enables the originator
to test the site in various client screen resolutions. Breaking down CSS media questions is
additionally conceivable in chrome test system.
Figure 8: The Interface of Google Chrome Simulator
(Source: Google Developers, 2017)
Advantages: The advantages of google chrome simulator are as following.
1) Simulation of Differnet Mobile Device: The simulation allows the user to
simulate different mobile devices so that the analysis and design of RWD pages
can be done properly.
Disadvantages: The disadvantages are as following.

10MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
1) Improper Result: The result is not generally of course. The genuine yield of a site
in little screen may vary from the perception in the google chrome test system.
5.5 Other Simulators:
Mobile Phone Emulator: The URL is http://www.mobilephoneemulator.com/. The web
application is very strong and effective. The issues in the RWD representation is very less. The
site allows the user to choose from various screen resolutions and devices. After inputting the
name of the site, the website will be shown within the simulated device or screen size. This site
is available to use for free.
Figure 9: MobilePhoneSimulator Website
(Source: Mobilephoneemulator.com 2017)
Mobilemoxie: It is also a very powerful mobile device simulator website. Contrast with
the Mobile Phone Emulator site, this site allows the user to use the free service for thirty days
only. At first, the user has to sign up and login to the server. This simulator allows the user to
selected from android and iPhone devices and many others.
Figure 10: Mobilemoxie Website

11MAKEZINE WEBSITE ANALYSIS ON RWD PRINCIPLES
(Source: Mobilemoxie.com 2017)
6. Recommendation:
Using Social Media Integration: The website can use the social media integration for
developing the website. This will allow the user to interact with the site easily.
Making the Website Flow Efficient: Various types of navigation will be considered
while building up the site. Before planning content stock and substance reference wireframes
will be created in regards to the portable, desktop and tablet.
Making site Responsive to Smaller Sizes: It can be seen in the figure 7 that the contents
of the site in the 200*320 resolution is not properly structured. The website needs to be updated
and make responsible to small sizes like mentioned in figure 7.
Categorization: The contents within the home page are not categorized properly. The
users who are familiar with the website may see the website content properly but who are not
familiar with the site may seem to be in trouble to find the intended content.
7. Conclusion:
From the above site it can be stated that Makezine website is responsive to most of the
screen sizes. The used images within the site is vector and this allows the site to represent the
images properly in any screen resolution. Since cell phones and applications are currently
completely incorporated into our day by day lives, most sites have been seeing an expansion in
versatile clients. This new substance utilization show has impelled the expansion of either
responsive sites or independent versatile adaptations. Throughout the following 10-15 years,
sites will consolidate some type of counterfeit consciousness. Not to the point where your
neighborhood finishing site will assume control over the world like John Connor cautioned us
about. Be that as it may, it will perceive your identity, what you like, your identity associated
with and an entire group of other data pulled from your computerized impression. These sites
will influence the experience to feel more like there is a man behind the screen that gets you and
less like an uneven discussion where you are subjected to promoting pitches on each page you
visit. The organizations that seem more human in their promoting and particularly on their site
are the ones that will win.
With a responsive site, the substance and pages are naturally adaptable, liquid over all
screen resolutions and different gadgets. At the end of the day, regardless of what gadget you are
seeing a site on, the client will have ideal survey encounter incorporating simplicity of route with
a base measure of resizing and looking over. A responsive plan can enhance client encounter and
suit everybody, regardless of whether they are on a desktop or a cell phone or tablet. In giving
the most ideal experience, individuals will have a positive sentiment of your site, which means
they will most likely return. Through guaranteeing that your site is responsive, you basically just
have one site rather than two. This is substantially more financially savvy; instead of having a
different portable site to keep up, you just have your principle site to take care of. In like manner,
SEO crusades are significantly less demanding to keep up with just a single site; if you somehow
managed to have a different portable site, you at that point have two SEO battles. A responsive
site is all round significantly less demanding to oversee.