03 Jun

Building from a prototype

I am starting the process of building a WordPress site based on my prototype for BOSH.

I want to keep the structure of the site as it was in the prototype, but I am working on adding functionality, and in particular for registered members.

 

A WEBSITE PROPOSAL BY ASHLEY NYE

  • Aim to present BOSH as a community: open, friendly and helpful – sets them apart from other running clubs.
  • Minimalist, sleek design in keeping with the BOSH brand.
  • Fully responsive, mobile-friendly site.
  • WordPress CMS

 

SPECIAL FEATURES

  • Online community. Members can register to use special features.
    1. Communicate with other members.
    2. Leave posts and comments.
  • Member registration will allow you to collect data about your members.
  • Find a buddy/ find a group – registered members can search for other members.
  • Blog with specific categories, with the option of allowing certain members to upload posts.
  • Members page to sign in.
  • Forum replaces the free flow conversation that Facebook currently contains. Based on Mumsnet and Runners World forums. As it grows, we can add more means of organising the posts.
  • Photo gallery where members can upload photos and write comments (just as Facebook).
  • League table sorted by gender and race length.
  • Simple shop, uses Paypal.

 

To view my blog about the entire design process, please go to http://ashleynye.co.uk/category/web-design-2/boshrun/

 

To view work in progress, click here.

Screen Shot 2015-06-03 at 22.50.47

Please follow and like:
04 Mar

Web Dev: CMS vs Hand Coding

Choosing how to create a website demands a fair amount of research and reasoned decision-making. This will ensure that I don’t waste time, energy and money further down the line.

Initially, there are two different ‘paths’ that spring to mind; some sort of Content Management System (CMS) such as WordPress or to hand code the website. There are lots of interesting ideas about how to go about choosing the technology/language/framework on various blogs, but ultimately it varies from project to project.

The best way to decide is to research into some of the advantages and disadvantages of each method, and see how this particular project fits into this. This post on 7Host’s blog highlights some of them, which I based the following table on. It shows the reasons why I have decided hand coding will be better for this project.

CMS Hand coding
Benefits Easy programming, easy user management, templates, great for blogs and larger-scale projects. Complete control, greater understanding, quick, clean and efficient.
Disadvantages Customisation/modifying can be tedious, loading times/bigger websites. More work initially, knowledge required, debugging time.
Project specific notes Only necessary if client wanted to blog. Project is small-scale, not enough to warrant database backing. Made-to-fit code, efficient and a better method for a mainly static site.

Even after deciding on hand coding instead of CMS, there are a few different options I could chose to progress. Either begin coding from scratch, using a simple text editor, or start from a CSS framework such as Bootstrap, Foundation or Skeleton. I created my portfolio site from scratch, so I know roughly what I am  currently capable of coding (obviously, there is always more to learn!).

In comparison, this article on Mashable shows a list of some popular frameworks that I can begin to research, but aside from looking at some examples and reading about them, the best way I can determine what will be most suitable is to try them. Experimenting in this way will only improve my skill set and allow me to build up my own personal web designer’s toolkit.

toolkitThumb

Please follow and like: