This is a website developed with the intent of making life easier for both experienced and novice machine operators and repair/maintenance personnel who may have difficulty sourcing spares - or help - quickly.
It's raison d'etre is to allow the user to make immediate contact to establish either the availability of replacement machinery or to explore the feasabilty of repair to such items.
It features a general yet broad content of what Electromotors can do to solve a problem without the user necessarily needing to understand the complexity of what they are trying to fix.
The ultimate objective is to develop a stand-alone APP eventually in conjunction with the website, to improve real-time responses in the future.

1. As a new user of the website I would like

   • to be able understand what services can be offered
   • to be guided as to what information I need to impart
   • to know Electromotors location and opening times
   • to be able to navigate the site easily
   • to see clean visual images and descriptions

2. As a returning visitor I would like

   • to be able to quote a previous Invoice number for repeat enquiries
   • to have access to more in-depth explanation about
     • who to ask about spare parts availability
     • guidance for estimated turnaround times on repairs
   • to see some sample photographs
   • to be able to make suggestions for improvement

1. To educate potential clients on what we can offer them
2. To inform in a simple and concise way without the need for any
   in-depth product knowledge being required - particularly in initial stages of the request
3. To offer more in-depth assistance to knowledgeable clients through forms and photograph uploading

1. To feel comfortable in asking questions without embarassment where clients are novices, or inexperienced in particular areas
2. See what is available through concise descriptions and images
3. Know where Electromotors is based, who to contact, and times of opening

1. Increase customer base
2. Help and assist with initial enquiries impartially
3. Offer expert advice
4. Pass on knowledge gained from 60+ years of experience in the field
5. Increase turnover

1. Ease of navigation throughout the website

   • At this stage it's a toss-up whether I will do the navigation personally or use Bootstrap

2. Clear and concise photographs

   • Mostly taken by the developer
   • Where acquired elsewhere due credit will be noted

3. Clear and concise descriptions

   • Entirely the work and original words of the developer

4. Accessible contact details for relevant staff to facilitate both in-hours and out-of-hours consulation

5. Contact forms including the possibility of photo uploads

   • Forms designed by the developer : photographs see point 2

6. WhatsApp integration (not currently achievable)

• Repairs Page

  • Categorize general types of repairs that are offered as follows

    • Inspection and assessment services

    • Bearing replacement

    • Mechanical Overhaul

    • Motor Rewinds

      • Reasons for failure (Future Development Page)
      • Photo-diagram page to support above (Future Development Page)
      • Life-cycle of a Motor Rewind
        • PRIORITY Future Development Page

    • Fan-deck refurbishments

    • Pump refurbishments

• Sales and replacement parts page

  • Categorise general types of items that are for sale

    • Electric Motors

    • Gearboxes

      • Styles (Future Development Page)

    • Spares

      • Complete list (Future Development Page)

    • Capacitors

      • What they are (Future Development Page)
      • Styles (Future Development Page)

    • Inverters

      • What Why and How (Future Development Page)

    • Miscellaneous - hey it makes for a balance with the above REPAIRS page for continuity of UX - 6 in each section to assist with page uniformity!

• Header

  • An easily navigable structure on each of the pages to allow access to any area without confusion.
  • Logo featured on each page with direct link to homepage

• Body

  • To be finalised upon web page completion
    • Image and text dependent on each page type
    • Suitable relative explanations

• Footer

  • Links at bottom of all pages to various suppliers webpages which will open in a new window

• Wireframes Please see detailed information in Wireframe section at assets/wireframes

The look and feel of your site -colours, typography, ease of use.
Colors to match page-to-page with the Electric "blue" feel

Help with some CSS W3 Schools

Inspecting and repairing commutators (https://www.howacarworks.com/electrical-systems/replacing-dynamo-brushes)

HTML5.

CSS3.

Bootstrap - by linking via BootstrapCDN to HTML Doc.

FontAwesome Icons for Social Media links in Footer.

Google Fonts - Overall Typography import.

• MAJOR problems with displaying NAVBAR correctly - might reconsider usie of Bootstrap. Problem arises on responsive resizing down to to mobile now even though my origial design was workibg fine there on start-up.
• Came across a difficulty with text below rows of photograph not aligning properly. Top heights of text are different
• **** Learn how to align text at the bottom of a div
• Kevin on suupport page VERY helpful on a rainy Sunday afternoon - helped me clear a VERY resilient cache that even survived a complete reboot!

• need to import fonts to Suitable

• Designed with HTML5, CSS3 and Bootstrap.
• 3 Page site with .
• Fixed navigation allows the user to easily navigate, regardless of which page visited.
• Fixed footer allows the user quick accessibility to supplier links.

• Form submission button needs to be functional (once Javascript is learnt).
• Integration of Social media Page to have a live update feeds of new developments.