X

About MuT

My Urban Tribe designs, develops, and supports community level websites.

Professional
Individuals

Small Businesses
& Start-ups

Community
Services

Societies & Clubs
& Groups

Find out even more about MuT

MuT Services | MuT Site | Main MuT | MuT Story

X

Professional
Individuals

A professional individual is a sole proprietor or trader who is the exclusive owner of his or her business. For example, a therapist, an accountant, a crafts person, and an artist.

In the UK there are approximately 3.4 million sole proprietors, representing 60% of all private sector businesses!

X

Small Businesses
& Start-ups

From boutique shops and B&B’s, to festival foods and the next best crowd funding idea, a small business is a limited company or partnership, generally with a turnover of up to £1million per annum.

In the UK there are approximately 2.1 million small businesses, representing 40% of all private sector businesses!

X

Community
Services

My Urban Tribe loves to support local community services! For registered charities, work is carried out at preferential rates.

Community service providers are generally non-profit organisations dedicated to the well-being and advancement of a local community, for example, a village hall, library, parish council, school, recycling centre, etc.

X

Societies & Clubs
& Groups

In every community there are societies, clubs, or groups that host a wide variety of activities. These may be support groups, horticultural societies, and sports clubs.

For non-profit groups, My Urban Tribe offers preferential website design, development, and support rates.

X

MUT Services


1. Bespoke Design & Development

Bespoke means made to order, for a specific purpose, for a specific audience. All sites built from the ground up, NO templates used! Attention to detail, accessible, aesthetic, compatible, responsive, optimised, with an eye to the future!

2. Hosting Solutions

Hosting is basically “someone else's computer”, where the files of your website live! From shared hosting to the scalable cloud!

3. Administrative Support

Once a site is live it needs managing, making sure that it's secure, up-to-date, and bug free!

4. Graphic Design

Love the icons, logo's, & posters! Branding your business really matters, take the time & spend the money, it's worth it!

X

About this site

Functionality

This is a one page site!
It is an exercise in CSS grid layout techniques. If your internet browser doesn't support CSS Grid, the layout will appear differently. Firefox & Chrome are best!
You can close any grid item, click/tap the little x in the top right corner!
Little graphic items are dotted around, they're mostly just for fun!

Aims

This site aims to introduce the services of My Urban Tribe. It also aims to be useful, especially to those people who are entering the process of creating a website for the first time. It can be daunting, and expensive. If you're hiring a development team, be sure of what you need to expect from them!

X
Nicolas de Knoop - 2009

Nicolas de Knoop

The spark of an idea for a website led me to spend a lot of time developing the idea, hiring designers and web-developers... but alas what came out was unpublishable! After a pretty disappointing and expensive experience I decided to do it myself, how hard could it be?!

I was not new to Information Technology. I worked for over 9 years in Technology Infrastructure for a large international bank in London. More specifically as a Senior Technical Analyst in Controls and Compliance, Information and Security Administration, and the Continuation of Business. As much as this experience provided me with valuable skills in working with and managing infrastructure, it was not much help in the world of web design and development!

I found out just how hard it is, from HTML, CSS & Javascript, to Wordpress & PHP, Illustrator & Photoshop, and the UX design process... What you see in this website is a product of this journey of discovery. If only I knew then what I know now, the spark would have had a much better chance!

I have a Bachelor of Arts degree in Psychology and Philosophy. I have read Economics and Religious Studies, dived into the depths of breathwork, have lived and worked in South Africa, France, and the UK. I know what it's like being self-employed, managing a small business, juggling family responsibilities... It can be challenging!

So what does this all mean? What has it got to do with you dear reader? Well, it depends why you have come here. If you're looking to develop a website I can really help you not make the same mistakes I did! The importance of a well crafted and maintained website cannot be overstated. It requires time, planning, open communication, hard work, and especially trusting the process!

X
Union Jack Flag
Union Jack Flag
Union Jack Flag
X

A Little MuT Story

It began with an idea, and that idea was community! Many twists and turns, and as is often the case, ideas turn into something a little different.

Read more

X

and breathe

X
X

Waiom

(aka. My Urban Tribe)

This little story started from a need to offer professional services within a local community, a population of around 30,000 people. Anyone who's been in this position will know that this is basically accomplished by setting up a website, pinning posters to community noticeboards, placing small advertisements in local publications, going from door to door pushing leaflets through letter boxes, telling friends and family, and that's about it! Surely there is an easier, more cost and time effective way!?

A local online community network would do it! Today, in 2018, it seems there is at least one active local community social network platform, i.e. Nextdoor. However, back in 2011 the landscape was very different. Efforts were made to design and develop an exciting community network called My Urban Tribe.

Mission Statement

The core purposes:
* Facilitate local community interactions;
* Employ at least one person within a local community;
* Raise funds for ethical community projects;
* Bring awareness of and participation in political/social issues that affect a local community;
* Sustain the platform from which the network operates;
* Integrate existing social networking platforms.

In short My Urban Tribe aims to be of benefit to communities in a mutually sustaining manner!

Developers wanted!

If you'd like to know more about this community network project and possibly get involved, then please get in touch!

X

MuT Websites

A Selection of Websites
Click on an image to find out more!

X
Icon indicating Professional Individual Website

Psychotherapy Through Movement

See website wireframe

See website mockup

Visit site

Aims:

1. To introduce the services of a professional psychotherapist as a private practitioner, clinical supervisor, and therapeutic group facilitator.
2. To enable posting of testimonials, current and upcoming events, and items of interest.
3. The site must cater to psychotherapy clients, students, as well as professional colleagues.
4. As movement psychotherapy is a creative arts therapy, the design must reflect this creativity, provide a sense of movement, while at the same time illicit feelings of calm professionalism in an interesting and informative way.

Technology:

This site was built from the ground up, creating a custom theme in Wordpress. Includes PHP, HTML5, CSS3 (mainly Flexbox), jQuery, and SVG.

Some graphics:

X
Website Wireframe
X
Website Mockup
X
Icon indicating Club Website
Inside Iwama Dojo TAFR Logo

Takemusu Aikido Forest Row

Visit site

Aims:

1. Club website to introduce their art, tradition, membership requirements, practice schedule and events, as well as provide a space for student resources.
2. Website must cater to potential new students as well as existing practitioners.
3. Enable dynamic content in the form of articles in order to inform and inspire students of the art.
4. Design which allows for easy navgation to content that is applicable to visitor needs, and to reflect cultural origins of the art.

Technology:

This site was built from the ground up, creating a custom theme in Wordpress. Includes PHP, HTML5, CSS3 (mainly Flexbox), jQuery, and SVG.

Aikido Calligraphy O'Sensei
X
Icon indicating Professional Individual Website
James de Knoop Painting

James de Knoop

Visit site

Aims:

1. Create simple website to highlight the artwork of JdK, to be able to view the artwork unobstructed by other website elements.
2. Enable uploading of new artwork for sale as well as items which have been sold into private collection.
3. Create dynamic content for upcoming and past exhibitions, as well as blog page to enable communications from the studio.

Technology

This site was built from the ground up, creating a custom theme in Wordpress. Includes PHP, HTML5, CSS3, and jQuery.

X
Icon indicating Professional Individual Website
SVG map of London

Layla Smith Psychotherapy

Visit site

Aims:

1. To arrange most of the website content on the home page to make it easy for site visitors to find the content they're interested in. This is reflected in the main navigation.
2. To introduce the services of a professional psychotherapist as a private practitioner, clinical supervisor, laban movement analyst, and teacher.
3. To enable posting of testimonials, items of interest, trainings and events.

Technology:

This site was built from the ground up, creating a custom theme in Wordpress. Includes PHP, HTML5, CSS3 (mainly Flexbox), jQuery, and SVG.

X
Icon indicating Business Start-up Website

Menu On The Green

A calendar of festivals & events from around the UK!

Visit site

Overview

Menu on the Green as a calendar site is only the first step to a larger network of festival and event information, goods and services!

Aims

1. To build a site with the view to longer term objectives.
2. To begin with a festival and event calendar in which it would be easy to upload event content.
3. Calendar to be searchable via user location, as well as sortable via event type.
4. Calendar design to be easy to navigate, appeal to a wide variety of user, accessibility minded, as well as to reflect a fun and festive vibe!

Technology

Initially this site was built from the ground up with Wordpress Multisite providing the framework. This has been simplified to a single Wordpress installation on cloud hosting. Technologies include PHP, HTML5, jQuery, CSS3 (mainly flexbox), and SVG.

Some Graphics

Festival Goer Icon Festival Vendor Icon Festival organiser Icon Festival Services Icon Festival performer Icon
X
Icon indicating Community Service Website

Forest Row Village Hall

Visit site

Overview

The Forest Row Village Hall is situated in a small village in the South East of England. It is a registered charity which provides a venue for events and functions hosted by local residents and people of the surrounding area.

Aims

1. Provide information about the Village Hall's history, activities, and administration.
2. To provide an online calendar for site visitors to find out about events that they would like to attend.
3. To enable hall hirers to complete an online booking form, as well to provide all the necessary information that the hirer requires.
4. To provide the management committee with a central point of adminstrative information.
5. As a registered charity, to provide the possibility of the site generating a small income to cover website and other costs.

Technology

This site was build from the ground up using Wordpress as the CMS (Content Management System). Technologies include PHP, HTML5, CSS3 (flexbox / css grid), and jQuery.

X

The Creative Process

There are many steps to creating a meaningful website! Probably the most important one is the reasearch phase as it is the outcome here which informs all subsequent steps. Vital threads throughout include communication, honesty, patience, and trust!

Get in touch  

X

Helpful Stuff

Some writings (they're very short) you may find helpful!

  • CSS Grid = pretty much any layout you like!

  • Is your website like a million others out there?

  • How to organise colours for a website project

  • Typeface -vs- Font

  • Obfuscate your email

  • Responsive Website

  • Whitespace

  • Visual Hierarchy

  • Writing for the Web

  • Accessibility

  • Wordpress

  • Scalable Vector Graphics (SVG)

X

your website

A Real Unique Hero

Find out just how much

This is the part where you tell the world how unique your company is.
But your website is just like a million others out there!

  • Three

    Pretty much there'll be 3 columns in this section.

  • Column

    Probably detailing the services offered, some jargon.

  • Layout

    And a link to a price list, bronze, silver, and gold.

X
There's so much you can do with layout these days!

Let your website reflect
the personality of your business...

Accessible ~ Responsive ~ Compatible

X

Typeface & Font

Typeface is a particular design of type (e.g. Helvetica), while the font is the size & weight of a typeface.

“In short, a typeface usually gathers many fonts.”

X
Quill Icon

Obfuscate your email

Human visitors will still be able to make out your email address, while spambots are bamboozled!

Obfuscate: “Make obscure, unclear, or unintelligible.”

Obfuscate Email Illustration
X

Responsive Website

When a website looks good on all devices, i.e. desktop computers, laptops, tablets, and mobile phones, it is called a “responsive website”. No matter what the size of screen, whether the visitor holds their device in landscape or portrait mode, a responsive website can handle them all!

“There are more mobile internet users than desktop internet users.”

Responsive Website Illustration
X
Quill Icon

Visual Hierarchy

Visual hierarchy is the organisation of the components of a webpage in such a way so as to make it easy to comprehend and pleasant to look at. Users can navigate and interact with ease and joy!

“Users fixate on those elements on the page that are relevant for their task.”

Example of Visual Hierarchy highlighting important elements of a webpage
X

Colours

There are soooo many colours to choose from! Here is a useful video explaining a structured approach to organising colours for a website project. In a nutshell, colours are arranged as follows:

  1. 1. Brand Colours
  2. 2. Layout Colours
  3. 3. Denotive Colours
  4. 4. Interactive colours
X

Whitespace

“Whitespace” is often referred to as negative space. It is the part that is left blank, but not merely blank, it provides a balance, or context, between content (positive) and no-content (negative).

“The use of negative spaces is key to aesthetic composition.”

X

Writing For The Web

Start content with the most important information!

Inverted Pyramid method of Writing for the Web

Even if someone comes to a page for a short time, they still come away with the main point!

X

Accessibility

People with disabilities are visiting your site!

In the UK there are approximately 7.5 million people with disabilities accessing the internet. (ONS ) They may find it difficult to use a mouse or keyboard. They may find it difficult to view what's on the screen.

Here are some considerations when designing your site to make it more accessible!

  • 1. General note: What's common knowledge to you may not be for someone else!
  • 2. Give your links unique and descriptive names: Try not to say: "Click here to read about our company." Instead, say: "To learn more about our company, read About Us."
  • 3. For images, include proper alt text. Visually impaired users using screen readers will read an alt attribute to better understand an on-page image.
  • 4. Make sure that your text colour has enough contrast to the backgroud colour. And be careful when overlaying text on images. If there is not enough contrast, the text will become difficult to read!
  • 5. Make sure your text is not too small, nor too thin (light)! Very thin font can be difficult to read even when the size is quite large.
  • 6. Go easy on animating website elements, bounce-in, fly-in, or drop-in. They are pretty cool, but what are they contributing to the reader's experience of the site?

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

Tim Berners-Lee, W3C Director and inventor of the World Wide Web

Further reading:

Web Accessibility In Mind

Funkify simulates how your site may look to people with various disabilities.

X

Wordpress

Wordpress is a Content Management System (CMS), basically an application which is used to create and manage website content. Of all the websites in existence on the internet, 27% of them are built on Wordpress, that's about 75 million sites! This makes Wordpress a good choice in terms of ease of use, community support, and security. Other CMS choices include Joomla and Drupal.

X

Scalable Vector Graphics (SVG)

Vector graphics basically mean that images, e.g. logo's, icons, and illustrations are drawn with maths. This enables the scalable part, i.e. it does not matter how much you zoom into or resize the image, it always retains the same crisp and perfect quality. Not to mention that the size of the image file is smaller than other image files. Further, svg's can be animated!

X

Contact Form

If you're human, leave this empty:

X

hello

there!