Design for Digital Media Environments – Website Development 2

Ever since our work on the “About“/”Meet the Team” page, my team and I have been working together in coding and designing the other main pages for our website. The other important pages that we’ve been working on include the following: the “Welcome“, “Home” and “Register” pages.

Our website now has a page that welcomes users to SOBU. The main purpose of this page is to quickly introduce the users to our website and what it does. Our users can then navigate to the main homepage with the button labelled “Enter SOBU”.

On our homepage, we have basic fields with blue headers to display available student deals and discounts. As we carry on with the project, the fields will be modified so that students can log in, create and post offers of their own. This section of our homepage will act as a live feed which will be populated with student offers and deals for the following categories:

  • Food
  • Night Clubs
  • Clothes
  • Gyms
  • Electronics

Our project also currently has a registration page in which users can create accounts and log into our website. We’re also thinking of having a login page that will have a similar appearance to the register page. We’re currently unsure of our design for the register page and so we’ll all be providing ideas and code to make the design less blocky and more visually appealing for our users.

From here on, we’re going to upload all our source code to the dakar server so that we’ll be able to access our webpages online. We will also be working on key elements such as the responsiveness, functionality and presentation of our group project.

Screen Shot 2015-03-16 at 10.10.48

Welcome page

Screen Shot 2015-03-16 at 10.11.01

Our homepage with the category “Gyms” selected on the right.

Screen Shot 2015-03-16 at 10.11.02

If you look at the file URL at the top of the screenshot, you can see that the “Gyms” page has been loaded.

Screen Shot 2015-03-16 at 10.11.07

Our current register page.




Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s