Application Progress: Layout, Button and Contents Part 1

First idealization that I want to make in my application is to make roll over effect across the subjects. Each subjects considered as buttons that make the users access to other part of contents (sub-contents).

In this case, since my subject is about buildings, I decided to draw the outlined image of chosen buildings from Penang. Then, the drawn image will become as a selection that will bring new contents that consist of information about the particular building. All of these will be put as main navigation section.

So, now I decided to experiment with this and make an early (Alpha) stage of development.
Here is how the navigation section looks like:





















Here you can see Suffolk House building in digital outline drawing. Notice there's a button image at the right side. It will bring to the next building in roll over effect. For example, clicking it will take you to the next building....























...which is Khoo Kongsi.
For now, there are 2 buildings available. As I'm progress, 2 buildings will be added in this navigation section.

Also, each buildings has a button below them. That is where it will take a new section about the information of the buildings. Once clicked, the users can now see the real contents of the building, such as information, images, location, etc...

Here is the example:




















This section has at least 4 navigation buttons:
Info
- The information about the buildings
Location
- Location of the building. Might provided some map and exact location of nearest place
Images
- Real image gallery of the buildings. Each image can be opened in bigger size.
Go Back
- Back to the main navigation menu