Advwebdesign report
Upcoming SlideShare
Loading in...5
×
 

Advwebdesign report

on

  • 497 views

Report about blog

Report about blog

http://fredericogtcosta.wordpress.com

Statistics

Views

Total Views
497
Views on SlideShare
497
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft Word

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Advwebdesign report Advwebdesign report Document Transcript

  • 2012/2013 [IProject:http://fredericogtcosta.w ordpress.com] Frederico Costa - @00255034 - BSc(hons) Business Information Technologies
  • IProject:http://fredericogtcosta.wordpress.comContentsContents................................................................................................................................................2Executive Summary...............................................................................................................................3Personal Analysis & Reflection...............................................................................................................3Planning, Implementing & Documenting the Blog Structure/Content..................................................4Moscow Analysis...................................................................................................................................4UML.......................................................................................................................................................6Platform Choice.....................................................................................................................................7Widgets..................................................................................................................................................8Posts......................................................................................................................................................9Social Media Marketing.......................................................................................................................10Activities Undertaken .........................................................................................................................10Creativity & Originality.........................................................................................................................12Sustainability Plan................................................................................................................................13References...........................................................................................................................................14University of Salford 2012/2013 Page 2
  • IProject:http://fredericogtcosta.wordpress.comExecutive SummaryThe aim of this report is to critically analyse the blog http://fredericogtcosta.wordpress.com in orderto clarify its aim and identify its main characteristics. Furthermore, a MoScoW analysis will bepresented to justify priorities, actions taken and the blog’s orientation.This report also includes Social Media Marketing analysis as part of strategies adopted in order toexpand the founder’s online presence, being an important tool for its main goal – the recognition ofFrederico Costa’s capabilities in terms of Search Engine Optimisation (SEO) and possible awarenessby part of possible employers in Frederico Costa’s services.Personal Analysis & ReflectionThis blog is inserted in a strategy of showing potential and current capabilities in the DigitalMarketing Industry. In order to achieve the required levels of experience in the sector it is expectedto work 5 years in the sector. At the same time I would like to put in practice my ideas of havingseveral co-related businesses in the IT sector from unique personnel companies to SME’s that interms of Digital Marketing consultancy have potential to be developed into a multi-national with apool of clients based in Eurasia, Middle East, Africa and South America. The art of SEO is included inthe latter idea where the possibilities to grow and anticipate the arrival of SEO companies inemerging countries, giving the possibility of a synergy between consultancy, investment andperformance optimization companies and when possible, merge them becoming a multi-nationaland in the future become a partner investor of future businesses possibilities.That was the main reason why I took this degree in the UK with special interest in E-Commerce,Project Management and Corporate Strategy as well as Data Management.For that to happen, my credibility in terms of online presence has to improve and this project ishelping me, serving as a good foundation to create more and better online presence.University of Salford 2012/2013 Page 3 View slide
  • IProject:http://fredericogtcosta.wordpress.comPlanning, Implementing & Documenting the Blog Structure/ContentFrederico Costa is a Business Information Technologies student based in Manchester. In order toimprove his web visibility he started a blog where he could show his knowledge in what he is aimingto work on – Search Engine Optimization.According to Harold Davis, SEO can be defined as the art, craft and science of driving web traffic towebsites (Davis, H. 2006). The blog posts are SEO driven, explaining the several features to take intoaccount when developing a website. This extends to the fundamentals of Advanced Web Design interms of adaptability, extendibility, integration and re-usability as well as technical infrastructure,documenting approaches/changes and putting in practice implementation methods in order toachieve a decent, methodical online presence.Moscow AnalysisBefore taking action, a MoSCoW analysis was implemented. At a preliminary stage, there are a“Must” and “Won’t” lists as both of them are critical to the project’s success.“Must” requirements include:A software platform that enables the founder to use images and words as well as video – aWordpress blog was chosen in order to show the founder’s knowledge in terms of its corecapabilities as well as his knowledge in his speciality;Cross-link possibility – This attribute is essential as the blog tend to lead the user into the founder’sonline CV or professional social network;Structure Flexibility – The platform chosen had to be flexible in order to enable the founder to showcreativity as well as structure knowledge;Security – It is important not just by the fact that it has to be trustable but also because whenshowing competences and capabilities the founder had to make sure that all the data/posts werehard to get hacked. Wordpress is a very accurate CMS in terms of security and it is hard to breakthrough and change its contents.Accessibility – As its main purpose is to reach possible employers, the website/blog has to beaccessible to all forms of internet access so mobile phones and tablets as well as desktops andlaptops can access, visualize and interact with the website. This also applies to all types of machinesthat have access to the Internet, game consoles included.(Note: “Must” points will be developed in the “Documentation” chapter of this report.)University of Salford 2012/2013 Page 4 View slide
  • IProject:http://fredericogtcosta.wordpress.com“Won’t” requirements include:Cannot be limited in terms of content alterations;Cannot be limited to certain colours or interface;Should Have:Widgets – Since it is a CMS the use of widgets substitute pure code. It gives more time toconcentrate in the content instead of learning code and implementing it. This enables the founder toachieve excellent levels of structure and accessibility as if it was a pure coded website even thou it isa CMS especially in terms of Social Media Marketing and Dashboards Plug-ins;Comments – The fact that the user can interact with the founder is a great add-on because it meetsthe user expectations if he wants to directly interact with the founder;Multiple pages – this enables the user to navigate in the website/blog. The founder can organise itscontent prioritising it by relevance and meeting structure excellence expectations. As an example,the page “about” (http://fredericogtcosta.wordpress.com/) is a brief introduction of the founderand keeping it static the user is always led to read about the founder. The same applies for the“LinkedIn” (http://uk.linkedin.com/in/fredericogtcosta) section on the primary menu where the useris led to an external LinkedIn page where he can read the founder’s online CV.Could Have:Blog Stats – Although it does not affect the user or the founder (it can always be seen by the latter inthe dashboard) it is good to show the popularity of the website;Archive – The blog is organised by chronological order so the user wouldn’t have a problem to find aspecific post. However, Archive section makes a search more accurate especially for returningvisitors.University of Salford 2012/2013 Page 5
  • IProject:http://fredericogtcosta.wordpress.com UMLIn order to implement the “must”, “should do” and “could do” the use of widgets was essential dueto its capabilities substituting code that inserts plug-ins.Ideally, the user is led to read the “about” section, where there is a brief overview about thefounder. From that, the user can see a list of posts, from the most recent to the oldest. Also anarchive and “top posts” section is available, which will enable the user to freely navigate throughposts. That is concentrated on the left horizontal menu. For each post, the user is enabled to share(due to a widget that enables it) through several social networks (Facebook, Twitter, LinkedIn, oractivate the Google+ button as well as “liking” any post or just comment it. Based on the Blogcontent, the user can gain interest and “Follow” the blog. This is particularly important for potentialemployers and in the long-term, to business partners. Also, this will make them trust the founder’scapabilities and knowledge, which shows it through the posts updated. Ideally, a user should readabout the author, check the most recent post, gain interest, check older posts, like and share it,follow the blog, check the founder’s social media profiles, be notified about new posts, come backagain in a regular basis and contact the founder for enquiries, services and jobopportunities/vacancies.To prove the sequence of the UML above, go to http://www.google.co.uk/ and type “FredericoCosta SEO” and click in any of the links related to SEO (on the 1 st page) or go directly throughhttp://www.fredericogtcosta.wordpress.com and the “system” will unconsciously make the userUniversity of Salford 2012/2013 Page 6
  • IProject:http://fredericogtcosta.wordpress.comfollow the steps. However, the user has the liberty to freely view/use the blog without a need ofsigning-up or reading all the posts, navigating in an easy, non-complex way.Documenting the creation and development of this blog requires a division in terms of topics.Platform ChoiceWordpress is an intuitive, user-friendly platform focused on usability. By creating a Wordpress blog,the founder saves time in creating a website through pure coding by the use of “Themes” andwidgets. As the founder says in his “about” section, “any worldwide business centre” would besuitable for the needs so a global, credible, user-friendly platform had to be used. The image belowshows the current range of viewers by country.(Source: http://wordpress.com/#!/my-stats/?view=geoviews&summarize&numdays=-1)University of Salford 2012/2013 Page 7
  • IProject:http://fredericogtcosta.wordpress.comWidgetsThe use of widgets is essential. In order to increase the blog’s web visibility and interaction throughan adequate structure and making fully use of social media marketing a good use of the sidebar wasessential.(Source: http://www.fredericogtcosta.wordpress.com)The first column shows the widgets structure when customizing it. In order to do that, Wordpressallows the user to freely organise widgets from a list of widgets available. Moreover, more widgetscan be downloaded. In order to do this, notions about a website’s usability is essential. A Search barshould be placed in the top left side of any website/blog so when inserted in a sidebar, it has to beon top.University of Salford 2012/2013 Page 8
  • IProject:http://fredericogtcosta.wordpress.comThe fact that this blog’s intention is to make people to frequent it regularly made the founder createa sense of awareness very plausible and therefore the “follow blog” had to be in second placed asusers sense of awareness relies on what its seen first.The blog’s pages are fitted to screen in terms of width but because its intention is to continuallyshow content (i.e more posts) the scroll down option is essential.The recent posts choice comes in sequence of the UML described above as the most recent postsusually lead to an increase of awareness as tags/keywords become more consistent and the regularviewers are more aware of them.Top posts and pages are essential in order to keep old posts on top of searches, which make the useraware of posts and influences traffic in the page “About” as the main purpose of this blog is to sellthe founder as an individual.Links widget is related to the blog roll. Since it is a “could have” is not fully developed yet. However,the intention is to create blog interaction that will lead to cross-links/cross-comments but moreimportantly (for advanced web design) to create user – founder relationships and constantinformation update.SEO is the only category in this blog (so far) but in a near future the categories “ProjectManagement”, “OOP” and “Economics” will be added. The idea is to show more main sectors wherethe founder is comfortable with and expand the type of users, increasing the blogs reach,incremented in a long-term sustainable strategy for this blog. Future categories will also be placed inthe main bar for easier navigation as the page “SEO” is already set up on it.Archive and Blog Stats are also part of the “could have” section. Blog stats show how popular theblog is, giving credibility and archives is a mere widget to increase navigation (i.e. accessibility).META is another widget that increases probabilities of following posts, especially because of the RSScapabilities for this blog but also to be easier for Wordpress users to login.PostsAs this Blog was created in the beginning of Semester 1 and constantly edited/updated asconsequence of each week’s class the quality of the posts increased too.It can be seen that from the first post to its last post improvements were made and consequentlymistakes were found but not repeated. It can be seen that its quality passed through differentphases. For instance, the first post had a video and not too much text but then Gordon Fletcher(uk.linkedin.com/pub/gordon-fletcher/10/512/a51 ), an experienced lecturer for Salford Universityfor Advanced Web Design – but not only- advised the students to use more text as Google is an“adept of words”. (http://fredericogtcosta.wordpress.com/2012/10/30/i-will-do-it-in-9-days/)For that purpose the founder reblogged a post where the copyrights were assured but throughacademic learning it was found that outbound links were not good in terms of page ranking so it canbe considered as another mistake that contributed for better following posts. The main reason whyUniversity of Salford 2012/2013 Page 9
  • IProject:http://fredericogtcosta.wordpress.comthe founder reblogged a post was to contribute to ascension in terms of web visibility in Googlesearches (http://fredericogtcosta.wordpress.com/2012/11/02/intro-to-organic-seo/).Another main contribution was the use of images in the posts. As part of natural mistakes whenputting into practice what was learned the previous posts it did not have images but once it waslearnt that images contribute to an easier way to turn content more appealing the use of themstarted to be more regular (http://fredericogtcosta.wordpress.com/2012/11/05/seo-vs-penguin-and-panda/). Proving this affirmation, the number of comments has increased.Social Media MarketingAlso in this area some changes were made. It was said before that this blog aims to bring a clearvision to the user that the founder is a professional in the sector and therefore social networks werenecessary in order to do not stop potential employers from requesting the founder’s services.For that reason, the founder’s LinkedIn account was heavily advertised through the whole blog witha separated section in the main menu connecting directly to the founder’s LinkedIn account that waspreviously created, enabling full access to its content (uk.linkedin.com/in/fredericogtcosta/).The Twitter account can also be accessed, where its main purpose – micro blogging – is used toconstantly update the user about news but also to promote the blog itself. In the footer it is giventhe possibility to follow the founder on twitter (@fredericotcosta) and also see the last 3 updates.The use of Facebook was used for the same purpose and all the three social networks areconnected so when a status is updated the others are too.But the main reason to explain the use of Facebook is the fact that it is the largest social network inthe world so the reach is immense.Another fact is that employers look at Facebook profiles in early stages of the recruiting process as76% of employers and recruiting consultants check a candidate’s Facebook profile during therecruitment process (Swallow, E. 2011).Activities UndertakenChoose of Platform – As explained before, various possibilities including a construction of a websiteby pure code as well as other CMS frameworks such as Drupal, Winx or the use of just an online CVor Facebook page were considered but the Wordpress core capabilities enumerated before viaMoScoW analysis made the founder decline such possibilities.Social Media profile management – Since the Social networks were a main tool in order toguarantee the blog’s purpose (making my contact available, online CV and constant update topossibly get feedback from possible employers) they needed to be customized. The LinkedIn accounthad to be made fully accessible so the user could check the online CV. Moreover the Twitter accountshows moderated Tweets as well as interests and the same applies for Facebook. For the latter postsmanagement had to be done as it is an account that is used since early times and it was turned intoa very non-complex, naturally used Facebook account, where also interests, articles read andcontent was also moderated.University of Salford 2012/2013 Page 10
  • IProject:http://fredericogtcosta.wordpress.com(Source: http://www.facebook.com/fgtcosta)Theme Customization – After moderated, the attention could be turned again into the blog itself. Atheme was chosen and the founder could adapt creative interests with the blog. Because football orpolitics is not directly co-related the recreation of the blog was turned into an old hobbie – urbangraffiti. All the details were customized in order to avoid the mix of blue/yellow and red/green mixesas colour blinds would find it hard to navigate. With a fresh, urban style the blog was more personaland creativity not only in terms of structure, content but also image was implemented.(Source: http://fredericogtcosta.wordpress.com/2012/11/05/seo-vs-penguin-and-panda/)University of Salford 2012/2013 Page 11
  • IProject:http://fredericogtcosta.wordpress.comWidget implementation – The widgets were carefully implemented and through this process variouschanges were made. Ideally the main horizontal menu would be organised like the inhttp://www.huffingtonpost.co.uk/, being considered the most popular blog byhttp://www.ebizmba.com.The scroll down idea was based on http://www.businessinsider.com/, which I am a regular reader.Posts – The posts were based on what was being learned week by week so it was decided that atleast a weekly post was delivered.W3 Mark-up Validator and CSS validator did not apply for this report because since it is a Wordpressblog these premises are not put into equation.Multi-Devices – Several tests in different devices were taken such as mobile phones (Androidsoftware, IPhone and Blackberry) and although the display was different from the original (due toreadability concerns from Wordpress) it worked in all of them as well as when accessing it fromPlaystation3 and Xbox.Constant reply – All the users that liked, shared or followed the blog had a reply, increasing the user-founder relationship.Creativity & OriginalityThe content of the posts are fully original. The use of video, images and also use of my own wordsmakes it original, being part of a academic learned standard structure through the EmergingTechnologies, Creative Emerging Technologies, Dynamic Web Development and Advanced WebDesign modules following the standards of accessibility, readability and usability.Also the use of a graffiti urban trend makes it look very creative and original. However, the themecan be used by anyone but it was customized.For those reasons this blog can be considered distinctive in both content and appearance and I wascareful making sure that it was not on any Top10 list.Also the solution presented is very creative as it has my own strategy. Other blogs/websites mightfollow the same procedures but it can be assured that other students read my blog and speciallyLinkedIn account in order to identify possible ways of structuring them. In order to prove that mostof the students had endorsed me without any insistence from myself or change of favours.University of Salford 2012/2013 Page 12