UNIVERSIDADE ESTCIO DE S

MBA ENGENHARIA DE SOFTWARE

MARCELO SANTOS COSTA

ARQUITETURA DA INFORMAO E USER EXPERIENCE

ARACAJU
2016

UNIVERSIDADE ESTCIO DE S
MBA ENGENHARIA DE SOFTWARE

MARCELO SANTOS COSTA

ARQUITETURA DA INFORMAO E USER EXPERIENCE

Trabalho final da disciplina Arquitetura da Informao e
User Experience do curso MBA Engenharia de
Software, apresentado ao professor Rogrio Leito
Nogueira da Universidade Estcio de S.

ARACAJU
2016

SUMRIO

RESUMO............................................................................................................3

2
2.1
2.2
2.3
2.4
2.5
2.5.1
2.5.2
2.5.3
2.5.4
2.6
2.7

CARACTERSTICAS DO PROJETO.................................................................4
Definio do Ramo de Negcio..........................................................................4
Perfil dos Usurios..............................................................................................4
Mercado de Atuao...........................................................................................4
Profissionais Envolvidos.....................................................................................4
Definio de Layout das Pginas.......................................................................4
Home..................................................................................................................5
Programao......................................................................................................6
Fotos...................................................................................................................7
Contato...............................................................................................................8
Sistema de Organizao....................................................................................9
Sistema de Navegao.......................................................................................9

1 RESUMO
Documentao dos aspectos considerados ao desenvolvimento do projeto de
aplicao web Profint, cujo cenrio real e foi desenvolvido para atender uma
empresa de cursos de psicologia.

2 CARACTERSTICAS DO PROJETO

2.1

Definio do Ramo de Negcio

Um grupo de profissionais integrados em uma instituio transdisciplinar

focada no fomento da interao interpessoal e no conhecimento da existncia
humana. Partimos da compreenso do homem em sua totalidade, visando o
crescimento e desenvolvimento do seu potencial espontneo-criador.

2.2

Perfil dos Usurios

Os usurios que vo utilizar o portal so, em grande maioria, profissionais do

ramo de psicologia, que tem interesse em cursos, oficinas de reciclagem, consultoria
organizacional, eventos e palestras.

2.3

Mercado de Atuao

A PROFINT almeja ser uma entidade forte, prspera e coesa, reconhecida

como referncia nas reas de educao e sade psicossocial, mantendo a sua
marca como referncia e exercendo a construo contnua do seu papel na
comunidade, a PROFINT atua na rea acadmica, voltada para a rea de psicologia.

2.4

Profissionais Envolvidos

Nome

Funo

Contato

Marcelo Santos Costa

Arquiteto da Informao

marcelo@codeprocess.com.br

Marcelo Santos Costa

Analista de Negcios

marcelo@codeprocess.com.br

Marcelo Santos Costa

Desenvolvedor Web

marcelo@codeprocess.com.br

Marcelo Santos Costa

Analista de Teste

marcelo@codeprocess.com.br

2.5

Definio de Layout das Pginas

2.5.1 Home

A pgina inicial da aplicao foi projetada de forma a chamar ateno do leitor

para as principais informaes da organizao e redes sociais. Nessa rea podero
ser inseridos artigos, informaes de eventos, calendrio de cursos, parceiros,
localizao da empresa.

Figura 1 Home

2.5.2 Cursos Oferecidos

Na pgina de cursos, possvel ver a lista completa de cursos, sinopse, carga

horria e informaes de contedo programtico.

Figura 2 Cursos

7
2.5.3

Galeria

Em Galeria possvel visualizar todos os lbuns de fotografias dos eventos

ocorridos, cursos e palestras.

Figura 3 Galeria

2.5.4 Contato

A pgina de Contato fornece as informaes de nmeros de contato, e-mail

para contato.

Figura 4 - Contato

2.6

Sistema de Organizao

O portal foi organizado de forma a facilitar o mximo possvel a navegao

dos usurios. O site possui um controle de rea restrita, permitindo alunos baixarem
artigos e apostilas..

10

2.7

Sistema de Navegao

O sistema de navegao foi feito num formato de blog, para facilitar a

visualizao das publicaes, afim de destacar a informao e a navegao.

Figura 5 - Menu

11

Um boto de acesso rpido ao topo deslizante foi inserido em todas as

pginas para evitar que seja necessrio usar muito a barra de rolagem para voltar ao
topo quando a pgina estiver com bastante contedo (figura 7).

Figura 6 - Acesso ao Topo