{"id":49340,"date":"2016-07-21T17:16:24","date_gmt":"2016-07-21T17:16:24","guid":{"rendered":"http:\/\/ruifontes.com\/en\/?post_type=portfolio&#038;p=49340"},"modified":"2016-07-28T15:14:46","modified_gmt":"2016-07-28T15:14:46","slug":"ispa-instituto-universitario","status":"publish","type":"portfolio","link":"https:\/\/ruifontes.com\/en\/portfolio\/ispa-instituto-universitario\/","title":{"rendered":"ISPA &#8211; Instituto Universit\u00e1rio"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_empty_space empty_h=&#8221;3&#8243;][vc_single_image media=&#8221;48960&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;50&#8243; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading text_size=&#8221;h3&#8243; text_height=&#8221;fontheight-357766&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221; css_animation=&#8221;alpha-anim&#8221; animation_delay=&#8221;400&#8243;]ISPA &#8211; Instituto Universit\u00e1rio[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_separator sep_color=&#8221;color-gyho&#8221; icon=&#8221;fa fa-document&#8221; icon_position=&#8221;left&#8221; css_animation=&#8221;alpha-anim&#8221; animation_delay=&#8221;600&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221; css_animation=&#8221;alpha-anim&#8221; animation_speed=&#8221;600&#8243; animation_delay=&#8221;800&#8243;]Summary[\/vc_custom_heading][vc_column_text css_animation=&#8221;alpha-anim&#8221; animation_speed=&#8221;600&#8243; animation_delay=&#8221;800&#8243;]I worked almost 6 years at this university. During this time, I had the opportunity to develop projects at various levels, the biggest one being the reformulation of ISPA\u2019s website into one portal with several websites (16), intranet, online store, among others.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221; css_animation=&#8221;alpha-anim&#8221; animation_speed=&#8221;600&#8243; animation_delay=&#8221;800&#8243;]Problem to solve[\/vc_custom_heading][vc_column_text css_animation=&#8221;alpha-anim&#8221; animation_speed=&#8221;600&#8243; animation_delay=&#8221;800&#8243;]ISPA webiste was outdated (content and technology), and doesn&#8217;t meet the requirements of the directive structure of ISPA.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221; css_animation=&#8221;alpha-anim&#8221; animation_speed=&#8221;600&#8243; animation_delay=&#8221;800&#8243;]Solution[\/vc_custom_heading][vc_column_text css_animation=&#8221;alpha-anim&#8221; animation_speed=&#8221;600&#8243; animation_delay=&#8221;800&#8243;]Create a new portal, that combine with a new institutional identity, in a way that all the entities of ISPA could manage their internet presence.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_separator sep_color=&#8221;color-gyho&#8221; icon=&#8221;fa fa-document&#8221; icon_position=&#8221;right&#8221; css_animation=&#8221;alpha-anim&#8221; animation_delay=&#8221;600&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;0&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;4&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Finished product[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_gallery el_id=&#8221;gallery-773118&#8243; type=&#8221;carousel&#8221; medias=&#8221;48960,48971,48991,48993,48994,48992,48995&#8243; carousel_lg=&#8221;1&#8243; carousel_md=&#8221;1&#8243; carousel_sm=&#8221;1&#8243; gutter_size=&#8221;3&#8243; carousel_interval=&#8221;3000&#8243; carousel_navspeed=&#8221;400&#8243; carousel_loop=&#8221;yes&#8221; carousel_nav=&#8221;yes&#8221; carousel_nav_mobile=&#8221;yes&#8221; carousel_dots=&#8221;yes&#8221; carousel_dots_mobile=&#8221;yes&#8221; single_overlay_color=&#8221;accent&#8221; single_overlay_opacity=&#8221;80&#8243; single_h_align=&#8221;center&#8221; single_padding=&#8221;2&#8243; single_icon=&#8221;fa fa-search-plus&#8221; single_border=&#8221;yes&#8221;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;0&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221; row_name=&#8221;teste&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;4&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h6&#8243; text_size=&#8221;h6&#8243; text_font=&#8221;font-762333&#8243; text_weight=&#8221;500&#8243; text_color=&#8221;accent&#8221;]<\/p>\n<p style=\"text-align: left;\">Studied\u00a0Concepts<\/p>\n<p>[\/vc_custom_heading][vc_tabs][vc_tab no_margin=&#8221;yes&#8221; tab_id=&#8221;1468505889-1-27&#8243; title=&#8221;Summary of my contributions (in this project)&#8221;][vc_empty_space empty_h=&#8221;2&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_column_text css_animation=&#8221;alpha-anim&#8221; animation_speed=&#8221;600&#8243; animation_delay=&#8221;100&#8243;]<\/p>\n<ul>\n<li>\u00bb Competitive analysis;<\/li>\n<li>\u00bb Heuristic analysis of the previous site content;<\/li>\n<li>\u00bb Translation of the corporative strategy into the portal solution requirements;<\/li>\n<li>\u00bb High and low fidelity prototyping (wireframes);<\/li>\n<li>\u00bb Coordination and contact with the suppliers (design and programming) regarding the development of the platforms;<\/li>\n<li>\u00bb User interface design, interaction design and front end development (for specific pages of the portal);<\/li>\n<li>\u00bb Implementation of usability tests and error reports for the proposal of improvements for implemented solutions;<\/li>\n<li>\u00bb Google analytics management indexed to behavior analysis in order to make informed decisions regarding new improvement proposals on the portal;<\/li>\n<li>\u00bb Internal trainer for back office content management systems regarding previously mentioned sites and technology in use.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_tab][vc_tab no_margin=&#8221;yes&#8221; title=&#8221;Want to read the whole story?&#8221; tab_id=&#8221;1468505889-2-95&#8243;][vc_empty_space empty_h=&#8221;2&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][vc_empty_space empty_h=&#8221;1&#8243;][vc_single_image media=&#8221;48961&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243; alignment=&#8221;center&#8221; shape=&#8221;img-round&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Overview[\/vc_custom_heading][vc_column_text]<\/p>\n<div class=\"uncode_text_column\">\n<p>As it is possible to see in the left image, when I entered at ISPA, the homepage was very long. The content management system that was used didn\u2019t predicted the growth of the news area (central part of the website), as a result, several of the news were published directly in html (the template was edited). The top images were animated gifs, that were published in loop, but didn\u2019t had links for the announced news.<\/p>\n<p>Several news that were published in a marquee. It was expected that with this solution the important announcements for students could have a link (for scholar informations). There were also four areas (under the language options), who toke visitors for the sections more used by the students who took visitors for the sections more used by the students.<\/p>\n<p>One of the biggest problems that ISPA has had, was the efficient manage of the information, because there didn\u2019t exist a content owner. Many news just become \u201clost\u201d in the homepage competing with others who should have more prominence.<\/p>\n<p>Part of my initial work (during my first year), was manage the informations in the pages. I also started to work a little in the css, to change some layout aspects. I also proposed some solutions that the company that did support to ISPA (in the manaintenance of the website) implemented. I expected that with that changes, it was possible to better manage the information in the website.<\/p>\n<p>Often, the changes that I proposed didn\u2019t had a reflection in something very visible but allowed a better performance for users that used our site.<\/p>\n<p>My proposals were implemented, which translated into an improvement of interaction between users and the site.<\/p>\n<\/div>\n<p>[\/vc_column_text][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Proposal to sort news and events by title and date[\/vc_custom_heading][vc_empty_space empty_h=&#8221;2&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image media=&#8221;48962&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243; alignment=&#8221;center&#8221; shape=&#8221;img-round&#8221;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;color-wvjs&#8221;]Initial state[\/vc_custom_heading][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image media=&#8221;48963&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243; alignment=&#8221;center&#8221; shape=&#8221;img-round&#8221;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;color-wvjs&#8221;]Implemented proposal[\/vc_custom_heading][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_empty_space empty_h=&#8221;1&#8243;][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Proposal for teachers page[\/vc_custom_heading][vc_empty_space empty_h=&#8221;2&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image media=&#8221;48964&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;color-wvjs&#8221;]Initial state[\/vc_custom_heading][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image media=&#8221;48965&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;color-wvjs&#8221;]Implemented proposal (possibility of show informations of teachers in alphabetical order, or by contract type or in which investigational unit they belonged).[\/vc_custom_heading][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_empty_space empty_h=&#8221;1&#8243;][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Proposal for student page[\/vc_custom_heading][vc_empty_space empty_h=&#8221;2&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image media=&#8221;48966&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;color-wvjs&#8221;]Initial state[\/vc_custom_heading][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image media=&#8221;48967&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;color-wvjs&#8221;]Interaction with the selection box (in the initial state)[\/vc_custom_heading][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image media=&#8221;48968&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;color-wvjs&#8221;]Implemented proposal (Division of the first level of interaction in 3 parts).[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][vc_empty_space empty_h=&#8221;3&#8243;][vc_single_image media=&#8221;48961&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243; alignment=&#8221;center&#8221; shape=&#8221;img-round&#8221;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;color-wvjs&#8221;]ISPA website at the time (when I was hired)[\/vc_custom_heading][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_empty_space empty_h=&#8221;1&#8243;][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Reformulation of the ISPA main page[\/vc_custom_heading][vc_column_text]The biggest alteration that I did in ISPA was in the main page. I changed the animated GIF by a flash banner, which had a big advantage, it allowed to have one link to each news (that was a change that everyone enjoy). I also adapted the lateral areas, to give access to the most used links to specific audience (like specific professional courses to companies, or academic announcements for students) and I use one of the areas to connect ISPA to social networks (the presence of ISPA in social networks was a strategic decision).<\/p>\n<p>From my research with some users, I understood that they didn\u2019t like of the length of the page. They thought that ISPA had a lot of unnecessary news. I also could observe that many of the users didn\u2019t read the text associated with the title of the news. They just read the title, then saw the associated image and if it was in a area that they followed, they tried to read more. So I made a proposal in order to reduce the width of the space for one news to half in order to acomodate two news in a row, side by side, and so reduce the lenght of webpage. This implementation was a big challenge for ISPA (we had to write shorter titles) but was translated in performance improvements for users of the site.<\/p>\n<p>After some reunions, this proposal was implemented.<\/p>\n<p>Many times, my daily job, was to make other sites (or other type of work) that weren\u2019t conected to ISPA institution, but to some departments that belonged to ISPA . That type of works were importante to me because it allow me gain imporatant knowledge which was used when we build the new portal.[\/vc_column_text][vc_empty_space empty_h=&#8221;2&#8243;][vc_separator sep_color=&#8221;color-uydo&#8221;][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]New portal[\/vc_custom_heading][vc_single_image media=&#8221;48960&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;60&#8243; alignment=&#8221;center&#8221;][vc_column_text]Although of several alterations to ISPA website, the technology was outdated, and the website didn\u2019t appeared (correctly) in most of the recent browsers, and in mobile devices it was impossible to navigate.<\/p>\n<p>The market demand, the growing of several departments of ISPA and the desire of making a new tool that allow the colaboration of the different ISPA collaborators, students, and external persons, were the reasons for ISPA assembled one team (where I was included) to build a new portal.<\/p>\n<p>My role on that team was UX designer. Basically, I did user research, competitive analysis, heuristic analysis, and content audit of the previous site. I also made the translation of the corporative strategy into the portal solution requirements, some high and low fidelity prototyping in order to test some concepts.[\/vc_column_text][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Project beginning[\/vc_custom_heading][vc_gallery el_id=&#8221;gallery-170542&#8243; type=&#8221;carousel&#8221; medias=&#8221;48977,48972,48973,48974,48976,48975&#8243; carousel_lg=&#8221;5&#8243; carousel_md=&#8221;5&#8243; carousel_sm=&#8221;1&#8243; gutter_size=&#8221;3&#8243; carousel_interval=&#8221;3000&#8243; carousel_navspeed=&#8221;400&#8243; carousel_loop=&#8221;yes&#8221; carousel_nav=&#8221;yes&#8221; carousel_nav_mobile=&#8221;yes&#8221; carousel_dots=&#8221;yes&#8221; carousel_dots_mobile=&#8221;yes&#8221; single_overlay_color=&#8221;accent&#8221; single_overlay_opacity=&#8221;80&#8243; single_h_align=&#8221;center&#8221; single_padding=&#8221;2&#8243; single_icon=&#8221;fa fa-search-plus&#8221;][vc_column_text]ISPA wanted to have external knowledge that could help us so, we hired two companies, one to develop the portal, and other to develop the comunication. I was involved in the selection process of this two companies (analizing their portf\u00f3lio, and clients, as well as the technologies that they were proposing to use in the new website). After that process I had to coordinate and maintain contact with the suppliers (design and programming) regarding the development of the platforms.[\/vc_column_text][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Studied Concepts[\/vc_custom_heading][vc_gallery el_id=&#8221;gallery-129724&#8243; type=&#8221;carousel&#8221; medias=&#8221;48981,48980,48979,48978&#8243; carousel_lg=&#8221;3&#8243; carousel_md=&#8221;3&#8243; carousel_sm=&#8221;1&#8243; thumb_size=&#8221;one-one&#8221; gutter_size=&#8221;3&#8243; carousel_interval=&#8221;3000&#8243; carousel_navspeed=&#8221;400&#8243; carousel_loop=&#8221;yes&#8221; carousel_nav=&#8221;yes&#8221; carousel_nav_mobile=&#8221;yes&#8221; carousel_dots=&#8221;yes&#8221; carousel_dots_mobile=&#8221;yes&#8221; single_overlay_color=&#8221;accent&#8221; single_overlay_opacity=&#8221;80&#8243; single_h_align=&#8221;center&#8221; single_padding=&#8221;2&#8243; single_icon=&#8221;fa fa-search-plus&#8221;][vc_column_text]Part of my work was validate with some user testing and with the directive board of ISPA of the proposals that were delivered by our suppliers. I also worked in a colaborative way with the development company that ISPA has hired to make suggestions, wireframes, or user interface design in order improve the website, because I was responsible for most of the decisions.[\/vc_column_text][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Calendar Study[\/vc_custom_heading][vc_gallery el_id=&#8221;gallery-178537&#8243; type=&#8221;carousel&#8221; medias=&#8221;48982,48983,48984,48985,48986,48987,48988,48989,48990&#8243; carousel_lg=&#8221;5&#8243; carousel_md=&#8221;5&#8243; carousel_sm=&#8221;1&#8243; thumb_size=&#8221;one-one&#8221; gutter_size=&#8221;3&#8243; carousel_interval=&#8221;3000&#8243; carousel_navspeed=&#8221;400&#8243; carousel_loop=&#8221;yes&#8221; carousel_nav=&#8221;yes&#8221; carousel_nav_mobile=&#8221;yes&#8221; carousel_dots=&#8221;yes&#8221; carousel_dots_mobile=&#8221;yes&#8221; single_overlay_color=&#8221;accent&#8221; single_overlay_opacity=&#8221;90&#8243; single_h_align=&#8221;center&#8221; single_padding=&#8221;2&#8243; single_icon=&#8221;fa fa-search-plus&#8221;][vc_column_text]I also was the communication point between different departments that were influenced in some way by the new portal. I acted as a bridge connecting the different information (as workflows, and tasks that different roles had to made). I developed some workshops that gave me information to organize the new information architecture, and comprehend how the different structures worked. We try to make a soft transition from a site to a portal where, for examplo, the candidates could apply online to ISPA. We also build an online store, a quality internal system, among other stuff.<\/p>\n<p>This new portal implied an onrganizational effort, that had to be reflected on every ISPA employer, and wasn\u2019t free from errors. I also was responsible whenever there was an error detected (for example fails in the comunication) to solve all the situations that occur with the new site (for example, someone applied to a course in ISPA in the website and didn\u2019t receive any answer).[\/vc_column_text][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;accent&#8221;]Virtual visit[\/vc_custom_heading][vc_single_image media=&#8221;49347&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;50&#8243; alignment=&#8221;center&#8221;][vc_column_text]This new portal implied an onrganizational effort, that had to be reflected on every ISPA employer, and wasn\u2019t free from errors. I also was responsible whenever there was an error detected (for example fails in the comunication) to solve all the situations that occur with the new site (for example, someone applied to a course in ISPA in the website and didn\u2019t receive any answer).<\/p>\n<p>After the portal was lauched I did some usability studies to suggest improvements to some problems that were detected. I also used google analytics to detect some patterns that need to be translated in new decisions for the portal.[\/vc_column_text][vc_column_text]ISPA portal was developed in various phases, and is combination of several sites, that allow that the different departments of ISPA can manage their contents in a fully integrated manner.<\/p>\n<ul>\n<li>\u00bb <a href=\"http:\/\/ce.ispa.pt\/\" target=\"_blank\">Online store<\/a>;<\/li>\n<li>\u00bb <a href=\"http:\/\/elearning.ispa.pt\/\" target=\"_blank\">e-Learning platform<\/a> and the <a href=\"http:\/\/ecampus.ispa.pt\/\" target=\"_blank\">student\u2019s portal<\/a> (developed in moodle);<\/li>\n<li>\u00bb Virtual Secretary;<\/li>\n<li>\u00bb <a href=\"http:\/\/portais.ispa.pt\/candidaturas\/\" target=\"_blank\">Application site<\/a>;<\/li>\n<li>\u00bb Internal site for collaborators;<\/li>\n<li>\u00bb <a href=\"http:\/\/emprego.ispa.pt\/\" target=\"_blank\">Alumni site<\/a> (at the present moment is referred as employment portal);<\/li>\n<li>\u00bb Specific site for the <a href=\"http:\/\/fa.ispa.pt\/\" target=\"_blank\">department of advanced training<\/a>;<\/li>\n<li>\u00bb Specific site for the <a href=\"http:\/\/cd.ispa.pt\/\" target=\"_blank\">documental center<\/a>;<\/li>\n<li>\u00bb <a href=\"http:\/\/www.ispa.pt\/visitavirtual\/index.html\" target=\"_blank\">Virtual tour<\/a>;<\/li>\n<li>\u00bb 11 microsites for specific entities (as per example, the <a href=\"http:\/\/clinica.ispa.pt\/\" target=\"_blank\">university clinic<\/a>).<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][vc_empty_space empty_h=&#8221;3&#8243;][vc_single_image media=&#8221;48969&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243; shape=&#8221;img-round&#8221;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; text_font=&#8221;font-377884&#8243; text_weight=&#8221;100&#8243; text_color=&#8221;color-wvjs&#8221;]ISPA website (before we have started the big renew)[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][\/vc_tab][\/vc_tabs][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_separator sep_color=&#8221;color-gyho&#8221; icon=&#8221;fa fa-bookmark&#8221; icon_position=&#8221;left&#8221; css_animation=&#8221;alpha-anim&#8221; animation_delay=&#8221;600&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>ISPA \u2013 Instituto Universit\u00e1rio is nationally and internationally recognized for the excellence of its scientific and cultural pedagogical project, the quality of its scientific activity and the relevance of its university extension activities.<\/p>\n","protected":false},"author":1,"featured_media":49341,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"portfolio_category":[2],"class_list":["post-49340","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-work"],"_links":{"self":[{"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/portfolio\/49340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/comments?post=49340"}],"version-history":[{"count":5,"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/portfolio\/49340\/revisions"}],"predecessor-version":[{"id":49367,"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/portfolio\/49340\/revisions\/49367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/media\/49341"}],"wp:attachment":[{"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/media?parent=49340"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/ruifontes.com\/en\/wp-json\/wp\/v2\/portfolio_category?post=49340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}