Front-End Pages

I have created the following pages using Data Assist: products insert, product update, product search, product results and product detail. I have also created a login page using security assist for the admin which gives access to the pages mentioned above.

Currently to see products, I have to search using product search page created by data assist which then shows me the product results page and furthemore will direct me to the products detail page if I want to view further information about the product.

What I want is when a customer goes to the shopping website and decides to click on "womens" button on the navigation, that button is linked to a page which shows only women clothes and then if they click on "mens" button it will be linked to a page where it only shows mens clothes.

An example website is www.avenue27.co.uk that I'm looking to create, if you click on shoes it will show a page with only shoes and if you on one of the shoes it will give you extra details of the shoes. How would I make this possible for my website. Also, how would I be able to create a search button on the front-end pages for the products that I have.

Thanks, Please can you be as detailed as possible. Merry Christmas !!!