13 Oct

BOSH website feedback

BOSHrun updated website

BOSHrun.com has been up and running for 4 weeks now. The initial launch was successful, with only minor issues from a handful of users. This included routine things like lost passwords and activation emails going into junk folders.

The biggest problem since launch has been spam users registering on the site, once of which direct messaged a few users. This is obviously a very serious issue, and can cause huge annoyance for members. If the issue isn’t resolved quickly, it could cause members to stop using the site. I installed extra catches on the registration page, added report a user buttons and increased the spam security on the site. Since doing this, there hasn’t been a single reported problem.

I have also received a lot of positive feedback for the site:

 

website feedback 01

website feedback 02

website feedback 03

I set up a forum topic on the site where members can give their feedback and ask for help if necessary. It can be viewed here.

Another notable element of the site is the design of the new shop. The minimalist design really shows of the products, and I’m very happy with the increased functionality of the shop (including adding in dropdown lists to select size and fit).

Screen Shot 2015-09-03 at 09.57.26

 

I’m very happy with the outcome of this project, and am interested to see how the site evolves with the increase of users and content being produced.

As of today, there are 197 registered users.

Screen Shot 2015-10-13 at 21.39.43

Please follow and like:
03 Sep

WordPress Project Update

I started building the final BOSHrun website around two weeks ago. I had done a lot of the work previously, including extensive research, planning and prototyping as can be seen in earlier posts about this project, as follows:

  1. Client worksheet
  2. Surveys
  3. Concept maps and cultural probes
  4. Probing part 2
  5. Competitor analysis
  6. Cultural probe results
  7. Personas, user scenarios, use cases and user journeys
  8. Task analysis and content inventory
  9. Functional and content requirements
  10. Card sorting and information architecture
  11. Mood board and wireframes
  12. Clickable wireframe
  13. Visual design for BOSH prototype
  14. Summary and clickable prototype
  15. Evaluation
  16. Building from a prototype

The existing BOSH site was rarely used, with the main bulk of activity on their Facebook group. This allowed me to take the site offline while I work on it. For this, I used the Minimal Coming Soon & Maintenance Mode plugin.BOSH under maintenance

As for the rest of the site, only a handful of volunteer testers will be able to see an advance preview. The final site is due to go live at the end of September.

 

 

 

Please follow and like:
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:
11 Mar

Portfolio Project: WordPress Research

As part of my Portfolio Project, I wanted to research the best way to integrate a separate portfolio section on this WordPress blog. It has to showcase my best design work, and allow me to write ‘case study’ information about each element.

I initially came across a portfolio plugin, but it has very mixed reviews and still seems in early stages of development.

I then searched WordPress plugins for portfolio-style galleries, and came across the Codenovo Portfolio plugin. I found it very simple to use, and integrate with my existing site. I edited the CSS to match my colour scheme, aiding continuity between the blog and portfolio sections.

Screen Shot 2015-03-09 at 20.15.35

I then added a few of my works to this, to see how it would look. So far, I’m very pleased with this, and will continue to add design work over the coming weeks.

Please follow and like:
06 Jan

Web Dev: Mood Board & Wireframes

To begin my visual/prototyping phase, I put together a mood board. I tried to encapsulate the spirit of BOSH, and running in general. The branding of BOSH is blue, so obviously this features very heavily in the mood board, but I’m very happy that I managed to convey the intended emotion of the new website.

The key things I want to try and represent through the design are: achievement, community, freedom, motivation and inspiration.

BOSH mood board by Ashley Nye

InitialSketch

My initial thought is to use WordPress, as it will be a great content management system, easy for the site owner to use and update. The current BOSH website is a WordPress site.

I have a sitemap, and a requirements list, so I know what I need to include in the site and how I am going to organise it. I started by sketching out some 5-minute ideas of how I expect the elements of each page to be arranged. It is important to keep to some design conventions, because the user will expect certain elements to be in certain places, and this aids navigation and makes the site easy to use. I came up with some initial wireframes using Balsamiq Mockups which can be seen below. I started with the Home page and the Events page. I would like the header image to be a slider, with various inspiring images to scroll across the top. I want the site to be quite clean looking and minimalist in design, because it has a lot of content to include and I don’t want it to look overcrowded and therefore less professional.

BOSH wireframe

Please follow and like: