Over the last week we have made a dramatic improvement on our website, we finally got our forms connected to the database and everything began to fall into place. Below are a few screenshots of:
Above is our completed nav bar which allows users to jump from page to page by clicking the top nav bar, this is done by linking another page to a button and so on for each page “<li><a href=”index.php”>Home</a></li>” this is done through a list and using “href=” when you link another page or website.
To connect to a database we had to use one of our groups login details, in this case Abbie’s, these details allowed our form entries to be sent off to a database and stored in, in lists of information. Below is one of the forms we created, this form is a comment section were users can leave comments on days out and give a rating out of 5.
Finally, below is a page from our web application, Ive included this picture to show the simplicity of a page and how everything is linked together.
After receiving feedback from the group on my initial logo I decided to change the colours according to the theme of our Web app I also added a few small details to make the logo look more professional, for example I added Inner shadows to the text to add small details which make the overall look more appealing, I also added gradients, changed opacities and added a 3D feel to the logo. All of the small tweaks has left me with a finalised logo I am happy with.
Today I began to sketch a few ideas for our logo, and do a very rough design in photoshop, I wanted to stick to a theme of black grey and white as its appeals to me as sleek and professional however after speaking to the group we decided to brighten up the logo and make it more appealing to our target audience.
In the logo below I have added brighter colours to make it more eye catching and appealing to our chosen audience.
Today we finalised the idea for our collaborative project, we decided to carry on with our initial idea of a ‘Bored in Bournemouth’ web application in which users will be able to –
- Log onto with there own unique username/password.
- Select their preference/type of day out e.g. relaxing, family, romantic, adrenaline.
- View a variety of day trips out in bournemouth including prices.
- View a Top ten attractions page?
- Be able to review a day out and give it a rating.
- Users will also be able to add their day out in bournemouth.
These are some features we have decided on that will feature on our Web application, our next step is to start the database process and begin creating links between our web app.
The project so far has been interesting, we have all been assigned roles and I am happy being able to do a lot of the creative and design side of the website. Therefore a lot of my research will be into themes and targeting an audience specifically through design. This week I will be finalising on a colour them and creating banners for the website as well as CSS styles for the buttons.
Today I met my group and discussed initial ideas for our collaborative project, we began by brainstorming a few ideas of simple website’s as well as our strengths in this unit to allow us to assign jobs to each of us.
After brainstorming several ideas we decided to stick to the target audience of ‘Tourists’ however after speaking to Rob and as Target audience is a big part of this unit we decided to refine this further until we reached an audience of people visiting bournemouth and families. Our website will be a ‘Day Planner’ in which you can select from a range of different days out (relaxing/romantic/family/etc) and be suggested a range of different days out that we supply in and around bournemouth as well as this we would also make a feature in which users can post their own days out with reviews and pricing making is a participatory website.
We briefly noted down most of the main attractions in bournemouth to see how much data we would be working with.
After our first meeting I am happy with our initial idea and think it will work very well, however we may need to simplify the idea due to there being a lot of information needed, this will be discussed in our next meeting.
(https://www.mindmup.com/#m:a120e15920a94f0132ee083e08cfb5265b) – To create a mindmap.