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:
22 May

Web Dev: Evaluation

Overall, I am happy with this project. The end result was a responsive website that I feel is also beautiful, minimalist and informative.

The following was taken directly from my project plan:


Project aims:

To create a website to replace the existing, inadequate design. It will need to attract new clients, and inform existing ones of term dates, exam dates etc. It will also be a showcase for the school’s successes.


In respect to the project aims, the website I have designed will attract new customers (when Google Map Maker is back online). It also contains all the information necessary for prospective and existing customers, organised in an efficient way. The business will surely benefit by having a more up-to-date online presence.

There were some issues with gathering imagery, with regards to parental consent forms and the time scale of the project was put back due to unexpected delays with gathering content.

However, the site will be ready to go live within the next two weeks, and the client was very positive about the outcome. The following email shows her response:

ClientEmail

I then completed another competitor analysis, to see how the site has developed from when I compared the business’ old site to others in the same sector. The results are below.

Screen Shot 2015-05-20 at 13.38.07

The content has had a complete overhaul, so is definitely all relevant. The whole website was designed with the user in mind, to make it as easy to navigate and as appropriate as possible. I think from this point of view, the project has been a resounding success.

To download the bibliography for this project, click the link below.

CI264 Bibliography

Please follow and like:
20 May

Web Dev: Testing

I conducted a navigation stress test, as outlined here by Keith Instone, on the website prototype.

The following shows the table of questions I asked as described by Keith Instone, and my annotated web page.

Screen Shot 2015-05-22 at 15.13.56

stressTest

The navigation is clear and the information is organised efficiently. The navigation is at the top of the page where users will expect to see it, and every page is consistent. The links in the navigation describe exactly what is going to be on each page, so users can navigate directly to the page they need.

Please follow and like:
19 May

Web Dev: Finishing Touches

Before testing, I completed little detail tasks such as creating a favicon using a generator to match the company branding, and writing the PHP to action the email form on the contact page based on this code.

I ordered the domain name “anitagunnschoolofdance.co.uk” to upload the site when the consent forms have all been signed and the site has been tested and approved by both me and the client.

I tested the website on different devices, including an iPhone 5s, a MacBook Pro and an iPad 2.

Sample screenshots are included below.

Screen Shot 2015-05-20 at 12.05.41

 

mobileScreenshot

mobileScreenshot2

 

Please follow and like:
18 May

Web Dev: Project Specific Factors

Every project has different obstacles that need to be planned for and considered. When undertaking this website project for a dance school, it was important to be prepared for the complications surrounding using images of children online.

In this case, every parent whose child’s image is to be used in the project will have to sign a consent form. The project is (as of 20/05/2015) not currently online.

I created the branded consent form below based on this one used by Merton Council.

AnitaGunnConsentFormAlso, I made sure that the code was going to be easy to maintain in the future by adding comments. It was important to my client that she would be able to edit timetable dates at regular intervals, so comments to highlight sections, along with instructions on how to use an FTP client were a real benefit to her.

Screen Shot 2015-05-22 at 13.48.38

 

Please follow and like:
17 May

Web Dev: Google Map Maker

My research for this project highlighted to me just how much this business relies on location.

Location-based searches are going to be the first port of call for most prospective clients. The best way to ensure this business shows in search is to use the Google Map Maker tool, and to place the dance school on Google Maps.

Unfortunately, within the last week Google Map Maker has been temporarily suspended due to misuse of the tool.

Screen Shot 2015-05-19 at 20.02.59

Screen Shot 2015-05-19 at 20.02.46

When the tool is back up, I will add the business to the map to raise the profile of The Anita Gunn School of Dance.

Until then, I have just added a map to the website so users of the site can find the school with ease, using this Google Developers tutorial. The following shows my code with the specific latitude and longitude of the business.

Google Maps Code

The image below shows how it looks when embedded into the website, after I also added a simple marker using this example code as a guide.

Screen Shot 2015-05-19 at 22.22.01

Screen Shot 2015-05-19 at 22.20.46

 

Please follow and like:
23 Mar

Portfolio Project: Selling Yourself

As part of creating my interactive CV, I’ve been looking at what other designers and web developers are doing to promote their skills. The best ones I’ve seen include an element of fun and interactivity with them, that make them interesting.

Here are a few of my favourites:

 

Screen Shot 2015-03-23 at 13.29.25

 

 

Screen Shot 2015-03-23 at 13.32.37

 

Screen Shot 2015-03-23 at 13.33.33

It’s interesting to see what people are doing to attract attention. Interactivity is a great idea, novelty is okay as long as it is done well, and obviously depends on the work you’re trying to get.

I’m going to aim for a more professional tone with my interactive CV, but on-trend and playful too – the same way I’ve had a bit of fun with my rollover image in the sidebar. I always mention Adham Dannaway’s portfolio website, (and obviously other people love it too when you see how many replicas there are) but I like the playful/professional combination. It just works.

Please follow and like: