Basic design concept for website

Going with this idea of creating a 'network of ethics' I started to think about how this could work with the content I've already sourced. Given that a lot the responsibilities I aim to include are more in depth that just a simple sentence, I thought that the network could consist of these bigger circles that would contain titles for each responsibility then from those would stem the individual components that make up that responsibility.

Since there is much more information than what meets the eye, I thought that something simple as to hover or click a circle would bring about more in depth info by zooming in and revealing more detail.

Below are quick greyscale outlines of what I imagine the site to look like. The site is currently labelled 'Network of Ethics', although this could be subject to change as it was just a quick thought.





Inspiration for this idea came about in the form of star constellations, the way these interconnect with each other brought about the idea of how all of the responsibilities in some way interconnect also to become something much bigger than any one would on their own.

Quick logo ideas

Although the brand isn't the main focus of the idea I still needed something that create a visual brand for the website, much like any other website. With my first initial sketches, I thought of keeping the logo modular so that it could adapt to it's environment, much like the network itself adapts to the user when in use.

Ideas 4 and 6 worked off the idea of building blocks, with those individual blocks representing an individual piece of information coming together to form something bigger much like the network itself.

Ideas 1,3 and 5 were based off the look of the network of ethics itself with it's interconnected lines that join together the separate parts. It also means that the the separate letters N, O and E can be adaptable by having the freedom to move wherever they please, again adding to this idea of having a modular logo.

I decided upon logo 4 as the sharpness of the boxes contrasted nicely with the abundance of circles within the webpage whilst still retaining this underlying concept of being modular.
Welcome Screen




Main Page

I chose to go with a soft, light blue colour simply because this is a chilled, calming colour and it's this tone that I want the website to follow by; nothing too demanding or too harsh.