My Mini
From LABMM1_IDE
Contents |
My Mini
Grupo
Memória Descritiva e Tema Visual
A aplicação "My Mini" tem como principal objectivo promover e cativar o público mais jovem, e assim baseia-se numa imagem mais versátil, inovadora e dinâmica. Esta linguagem reflete-se no slogan adoptado: "A MINI car for big stuffs".
Nesta aplicação multimédia interactiva vamos dar ao utilizador a hipotese de personalizar o seu veiculo através do conceito Do it for yourself, consultar a história da marca, visualizar um modelo 3D, ver imagens e videos promocionais. Combinando cores e padroes na personalização e na edição de toda a aplicação vamos então trasmitir a mensagem que pretendemos sem com isso tirar liberdade ao utilizador.
Estado de arte
Nike ID
Porche 911 GT2 RS
Fiat 500
Vespa Retro Colors
Tendo em conta o objectivo da nossa aplicação , em que o processo de personalização está destacado, analisamos estas aplicações de forma a retirar ideias, conceitos e bases que nos permitam criar ferramentas necessárias ao desenvolvimento do projecto.
Identidade Visual
Na definição da identidade visual e como tínhamos de perceber o que era necessário realizar criamos um pequeno rascunho onde definimos o esquema geral da página com os principais botões e ideia base para a aplicação.
Para perceber o que teria cada botão decidimos fazer uma pequena arborescência, que embora básica e sem grande rigor nos ajudará a definir melhor a aplicação.
Como qualquer identidade visual funciona muito melhor com um logótipo que a "defina" criamos um que juntasse a imagem já existente do Mini com algo que tivesse a ver com imagem da aplicação:
Este foi posteriormente alterado pois achamos que não se enquadrava bem na aplicação, do qual resultou este logotipo:
Tendo em conta que o foco da aplicação é o carro e a informação deste criamos este esquema de cores no kuller onde com os cinzas pretendemos dar esse protagonismo ao carro sem no entanto a tornar aborrecida e daí o vermelho utilizado.
Por fim escolhemos uma letra para os botões da aplicação e um para o texto propriamente dito, utilizando para tal a letra "London_Between" em duas das suas versoes:
"London Between" para o texto:
"London Two" para os botões:
Arborescência
Ecrãs Tipo / Assets
Ícones
 Botão Tipo |
 Botão História |
 Botão Dados Técnicos |
 Botão My Mini |
 Botão Multimédia |
 Botão About |
 Botão Site Oficial Mini |
 Botão Som |
 Botão Fechar |
Ecrãs
Pricipais Ecrãs da aplicação:
 Ecrã Principal |
 Ecrã Multimédia |
 Ecrã História |
 Ecrã Dados Técnicos |
 Ecrã My Mini |
Guias Posicionais
 Ecrã Principal |
 |
 |
 |
 |
Relatório
Apresentação do projecto
O projecto “My Mini” surge na perspectiva de dar a um possível comprador de um Mini, a possibilidade de depois de se dirigir a um stand, personalizar e saber um pouco mais acerca da marca. Assim através da aplicação, o utilizador pode visitar 5 ecrãs principais onde pode consultar toda a história do carro, saber as diferenças entre os respectivos modelos e consultar as especificações técnicas, ver vídeos e imagens e personalizar o seu carro.
A aplicação inicia-se com um ecrã onde o utilizador terá de colocar a chave num sítio específico, carregando em seguida no botão de start, fazendo assim uma metáfora com o arranque de um carro. De seguida, o utilizador chega ao menu, onde para além da possibilidade de ver um vídeo, tem ainda 6 botões que se mantêm durante toda a aplicação e que possibilitam visitar o ecrã História, Dados Técnicos, MyMini, Multimédia, visitar o website oficial da Mini e saber mais sobre a aplicação no botão About. Escolhendo o botão História, o utilizador faz uma viagem ao longo dos anos pela história do Mini, desde os tempos do modelo mais antigo até aos modelos mais recentes. Ao seleccionar Dados Técnicos, o utilizador poderá para além de visionar imagens dos diversos modelos, consultar as respectivas informações técnicas dos mesmos. Preferindo o botão MyMini, o utilizador vai então para o ecrã fundamental da aplicação onde pode personalizar tudo o que é relacionado com o carro, começando na cor base e acabando na cor do tejadilho, espelhos, riscas do capot e tipo de jantes. Por fim no ecrã Multimédia para além de imagens seleccionadas do Mini, podemos ainda ver dois wallpapers idealizados para a aplicação e visualizar 3 vídeos promocionais da marca.
Analise e planeamento
Actualmente o papel da personalização apresenta cada vez mais relevo quando um cliente/utilizador procura um produto. Tendo em conta que cada pessoa gosta de ter um estilo próprio e marcar a diferença, criámos então o conceito da aplicação: personalização. Como forma de melhor sabermos o que fazer e para tirarmos algumas ideias, foram visitados alguns sites em que a vertente principal era a personalização. Assim, tendo em conta este princípio consultamos o site da Fiat 500, da Porsche, da Nike e da Vespa Retro Colors e foi precisamente com o site da Porsche que decidimos orientar o nosso produto para a indústria automóvel. Para tal, pensámos num carro ou marca icónica que aliasse a personalização que pretendíamos a uma identidade visual que a ela correspondesse e assim surgiu o Mini, pois para além de toda a história que apresenta, é também um carro que marcou gerações e estilos.
Todo estas referências podem ser melhor visualizadas nos separadores "Memória Descritiva e Tema Visual" e "Estado de Arte", mais acima nesta página
Desenho Funcional
Requisitos funcionais
•Introdução com drag da chave para target e botão start •Menu Principal com 6 botões, dos quais 4 se mantêm ao longo da aplicação e que definem os menus para os quais se pode navegar e os outros 2 permitem visitar o site oficial da Mini e visualizar o “about” da aplicação, 4 ícones (2 ícones de som visíveis, sair da aplicação e logótipo/home), um vídeo com botão Play/Pause e slider de controlo •Menu História com texto expositivo com botões de troca de imagens e de ano(seta) sendo este ultimo baseado no paradigma de interacção tutorial •Menu Dados Técnicos com 5 botões correspondentes aos vários modelos do carro com a descrição técnica e duas imagens em cada ecrã que alternam com a ajuda de um botão/seta •Menu MyMini com 5 botões que disponibilizam itens de personalização onde encontramos um picker que muda a cor base, ícones de mudança de cor das riscas, ícones de mudança de cor do tejadilho e ícones de mudança de cor/padrão do espelho e onde existe em todo o ambiente gráfico a possibilidade de ajustar a posição das janelas anteriores •Menu Multimédia com a existência de imagens e vídeos (botões de play,pause, stop e slider de controlo) e sendo cada um deles seleccionado por intermédio de um botão respectivo.
Arborescência
A aplicação começa então com uma intro que passa então para o Menu, sem possibilidade de retorno, onde podemos navegar para 4 ecrâs diferentes (nós) e carregar em dois ícones (links) que só existem neste ecrã. De seguida no ecrã história podemos então viajar ao longo dos vários anos (nós) e em cada um deles temos imagens seleccionáveis (links). Nos dados técnicos temos como nós os vários modelos do carro em que cada um tem dois links que correspondem ás imagens respectivas. No ecrã MyMini temos os vários botões de personalização aos quais estão associados outros links com opções de personalização. No ecrã Multimédia temos os diverso links associados ás imagens e vídeos.
