Visuaalisen ilmeen ja verkkosivujen uudistaminen COSS ry:lle

Abstract

Tämän opinnäytetyön toimeksiantajana toimi COSS ry, joka on Suomen avoimien tietojärjestelmien keskus. Tavoitteena oli suunnitella yhdistykselle uusi ajanmukainen visuaalinen ilme ja graafinen ohjeisto sekä tehdä uudistettavien verkkosivujen rakenteen ja ulkoasun suunnittelu. Verkkosivujen toteutus tehtiin yhteistyössä sivuston teknisen toteuttajan kanssa.

Opinnäytetyön teoriaosuudessa käsitellään visuaalista suunnittelutyötä, sen vaikutuksia ja hyötyjä organisaatiolle sekä verkkosivujen suunnittelua käyttöliittymäsuunnittelun sekä ulkoasun suunnittelun osalta. Työn tietolähteinä käytettiin alan kirjallisuutta sekä Internetiä. Opinnäytetyön käytännön osuudessa käydään läpi töiden kulku ja lopputulokset. Tätä työtä voidaan hyödyntää uudistettaessa yhdistyksen visuaalista ilmettä tai verkkosivuja. Työ toteutettiin kehittämistyönä.

Työn tuloksena saatiin aikaan yhdistyksen identiteettiin sopiva visuaalinen ilme, joka sisälsi yhdistyksen käyttöön uusitun logon ja graafisen ohjeiston. Työskentelyn aikana suunniteltiin ja toteutettiin yhdistykselle myös painettu esite ja tarra. Verkkosivujen ulkoasu toteutettiin hyödyntämällä vallitsevia verkkosivutrendejä sekä yhdistyksen toiveita. Verkkosivujen teknisestä toteutuksesta vastaavan henkilön kanssa suunniteltiin sivuston rakennetta ja toteutettiin ulkoasu suunnitelmien mukaisesti. Yhdistyksen verkkosivut suunniteltiin ja toteutettiin WordPress-sisällönhallintajärjestelmällä, mutta työssä on huomioitu myös Odoo-toiminnanohjausjärjestelmä, jota pidettiin vaihtoehtona työn toteuttamiseksi.

The client of this thesis was COSS Association, which is the Centre for Open Systems and Solutions. The goal was to design a modern visual identity, graphical guidelines and as well as to make a renewable website structure and layout design for the association. Website implementation would be made in collaboration with its technical implementer.

The theoretical part of the thesis dealt with the visual design of the work, its effects and benefits for the organization and as well as website design, user interface design and layout design. The information sources used in this work were fields of literature and the Internet. The practical part of the thesis follows through the course and outcome of the work. This work can be used in reforming the visual appearance or web pages of the association. The work was made by using development work.

The result of the work was a new suitable visual identity for the association, which included a renewed logo and a graphical guideline. During the work, a brochure and a sticker were also planned and made for the association’s use. Website layout was carried out by utilizing the prevailing web trends, as well as the association's wishes. The site structure was designed with the person responsible for the technical implementation of the website and the layout was carried out according to plan. The association's website was designed and implemented with the WordPress content management system. Odoo ERP has also been taken into account in the work, which was considered as an alternative to carrying out the work.