Entrar

PT

O website www.sonhando.pt é uma das principais ferramentas de comunicação e venda da Sonhando (Sonhando, Organização de Viagens S.A., operador turístico português).


Tem uma ligação com um sistema de backoffice e permite consultar todos os pacotes turisticos, disponíveis para venda, fazer a sua reserva e consequente compra.



EN

The website www.sonhando.pt is one of the main communication and sales tools of Sonhando (Sonhando, Organização de Viagens S.A., Portuguese tour operator). 


It has a connection with a backoffice system and allows you to consult all tour packages available for sale, make your reservation and consequent purchase.

PT

De forma a acompanhar a mudança de imagem e implementação de um novo sistema de backoffice, a Sonhando, necessita de renovar a sua página web.


​​​​​​​

EN

In order to keep up with the new corporate image and the implementation of a new back office system, Sonhando, needs to renew its web page.

PT

Um novo sistema de backoffice vai permitir melhorar e agilizar a construção de novos pacotes turísticos, a sua reserva e venda, vai facilitar também a interação quer com os agentes de viagens quer com os clientes finais (estes poderão consultar todos passos da compra, de qualquer pacote turístico, com a exceção da parte final onde terá que escolher uma agência de viagens e entregar a esta a reserva que pretende para finalizar a compra).



EN

A new backoffice system will make it possible to improve and streamline the construction of new tour packages, their booking and sale, it will also facilitate interaction with both travel agents and end clients (the end client will be able to consult every step of the purchase from any package, with the exception of the final part where they have to choose a travel agency and give it the reservation so the agent can finalize the purchase).

PT

Todo o sistema de backoffice é construído por uma empresa externa à Sonhando, a minha função é criar todo o layout, tanto da homepage como das restantes páginas até à fase da programação em HTML e CSS e, utilizando estas linguagens, fazer a implementação deste layout no sistema.



EN

The whole backoffice system is built by a company outside Sonhando, my job is to create the entire layout, from the website until the HTML and CSS programming phase and, using these languages, embed this layout into the system.

PT

Depois de todo o trabalho de pesquisa elaborado na construção da imagem da empresa (Sonhando Brand), onde fiquei a saber mais sobre a história da Sonhando, seus concorrentes e clientes tipo, utilizei toda essa informação e comecei por estabelecer um mapa do website de maneira a ter uma ideia de que páginas são necessárias e quais as conexões entre elas.



EN

After all the research done on building the new image of Sonhando (Sonhando Brand), where I learned more about the history of Sonhando, its competitors and customers, I used all this information and start establishing a website map to get an idea of ​​what pages are needed and the connections between them.

PT

Criado o mapa do website iniciei alguns esboços com a finalidade de gerar os wireframes das páginas.


Tendo estes wireframes aprovados passei então a parte seguinte, criando protótipos mais pormenorizados em Adobe Photoshop e Illustrator, estes protótipos são os mais próximos do resultado final.



EN

Created the website map I started some sketches in order to generate the wireframes for the pages.


Having these wireframes approved I then proceeded to the next part, creating more detailed prototypes in Adobe Photoshop and Illustrator, these prototypes are the closest to the end result.

PT

Estes protótipos, sendo mais pormenorizados e próximos ao resultado final, oferecem uma visão mais realista e permitem corrigir erros e efetuar alterações de pormenor.


Depois de realizadas todas as modificações e com os protótipos aprovados começo a transformar estes protótipos em código HTML (trata da organização de todas as secções da página) e CSS (trabalha o aspeto do código html construído).


É através destes ficheiros de código que no final vou fazer a implementação com o sistema de backoffice e permitir que o website fique disponível online, primeiro através de um link “teste” para consulta interna e depois, de tudo verificado, no link final onde fica visível para todo o publico.



EN

These prototypes, being more detailed and closer to the end result, offer a more realistic view and allow you to correct errors and make detailed changes.


After making all the modifications and with the approved prototypes, I start to transform these prototypes into HTML code (it deals with the organization of all sections of the page) and CSS (it works the aspect of html code).


It is through these code files that in the end I will make the implementation with the backoffice system and allow the website to be available online, first through a "test" link for internal consultation and then, all verified, the final link where it is located and visible to all audiences.

Vamos criar algo

Let's create something



Contatos / Contacts:

brunosantos@bionvision.com



www.bionvision.com



facebook               twitter               instagram               linkedin


1

Recomenda as competências de Bruno Santos

Entra na tua conta ou cria uma conta para comentar.

Sonhando.pt

Website www.sonhando.pt | Renovação da webpage da empresa Sonhando, Organização de Viagens S.A.