Avainsana: yksisivuinen

Kehys-Art Seinäjoki

Seinäjokelaisen kehys- ja taidetarvikeliike Kehys-Artin sivuston uudistus pohjautui tarpeeseen korvata valmisteemalla toteutettu, aikaisemman omistajan alullepanema ulkoasu uudella, minimalistisella ilmeellä. Samalla vaihdettiin webhotellin palveluntarjoajaa, ja uusi koti löytyi jälleen Shellit.orgista.

Sivuston sisältö päätettiin toteuttaa yhden sivun turvin ja projektin budjetti pidettiin tarkoituksella niukkana. Tätä silmälläpitäen valitsin toteutustavaksi täysin WordPressin uuteen visuaaliseen lohkoeditoriin, Gutenbergiin, pohjautuvan toteutuksen. Kevyen perusteeman päälle toteutin Gutenbergin sisäänrakennetuilla lohkoilla eli visuaalisilla rakennuspalikoilla kevyen kokonaisuuden, johon nostettiin asiakkaan logosta korostusvärit.

Sivuston muokkauskokemus lohkoeditorissa on visuaalisesti yksi yhteen julkisen puolen kanssa; samat välistykset ja marginaalit, kirjasimet ja koot, värit yms. Näitä varten tein lohkoeditoriin räätälöidyt väripaletit ja kirjasinkokovalinnat. Lisäksi editoriin ladataan käyttöön sama tyylitiedosto kuin julkisellekin puolelle.

Sivuston suoristuskyvyn takaamiseksi tein muutaman perusratkaisun; logo on SVG-muodossa ja kirjasin on myös natiivi Arial, ei siis ulkoisia riippuvuuksia. Kuvat ladataan laiskasti (lazy loading), ja se onkin ainoa toiminnallinen lisäosa sivustolla. Sivusto onkin varsin nopea ja saa Google PageSpeed Insights -testissä täydet 100 pistettä. Kuvien kokoja en vielä osannut Gutenbergin osalta räätälöidä, tuossa ja muissa sen uusissa aspekteissa riittää opeteltavaa.

Instagram-kuvien automatisoituun hakemisteen toteutin kevyen rajapintaintegraation Instagram Basic Display APIa hyödyntäen. Sen avulla saadaan tuoreimmat Instagram-kuvat haettua sivulle automaattisesti.

Kiitos projektista ja onnea uusille sivuille, Eija-Tiina!

Seinäjokelaisen kehys- ja taidetarvikeliike Kehys-Artin sivuston uudistus pohjautui tarpeeseen korvata valmisteemalla toteutettu, aikaisemman omistajan alullepanema ulkoasu uudella, minimalistisella ilmeellä. Samalla vaihdettiin webhotellin palveluntarjoajaa, ja uusi koti löytyi jälleen Shellit.orgista. Sivuston… Lue artikkeli ”Kehys-Art Seinäjoki” kokonaan »

kehysart.fi
Kehys-Art Seinäjoki

Aitovalo Oy

Uusi asiantuntijayritys Aitovalo Oy kehittää seuraavan sukupolven LED-valaistusta kasvihuoneisiin.

Aitovalolle toteutin Graafinen toimisto Serian laatiman ulkoasusuunnitelman pohjalta nyt ensimmäisessä vaiheessa yksisivuisen esittelyn, joka laajenee myöhemmin esittelemään myös tuotteet ja yrityksen.

Onnea uudelle yritykselle!

Uusi asiantuntijayritys Aitovalo Oy kehittää seuraavan sukupolven LED-valaistusta kasvihuoneisiin. Aitovalolle toteutin Graafinen toimisto Serian laatiman ulkoasusuunnitelman pohjalta nyt ensimmäisessä vaiheessa yksisivuisen esittelyn, joka laajenee myöhemmin esittelemään myös tuotteet ja yrityksen…. Lue artikkeli ”Aitovalo Oy” kokonaan »

aitovalo.fi
Aitovalo Oy

TaksiHelsinki Hintalaskuri

TaksiHelsingin asiakkaat voivat arvioida taksimatkan hinnan uudella hintalaskurilla, joka älykkäästi ottaa huomioon kellonajan ja mahdollisen ennakkotilausmaksun.

Hintalaskuri mukautuu mille tahansa ruutukoolle ja on saatavilla myös usealla kielellä.

Vastasin hintalaskurin visuaalisesta ilmeestä ja CSS-toteutuksesta, Blind Angle Software rakensi javascript-toteutuksen ja Google Maps -integraation.

TaksiHelsingin asiakkaat voivat arvioida taksimatkan hinnan uudella hintalaskurilla, joka älykkäästi ottaa huomioon kellonajan ja mahdollisen ennakkotilausmaksun. Hintalaskuri mukautuu mille tahansa ruutukoolle ja on saatavilla myös usealla kielellä. Vastasin hintalaskurin visuaalisesta… Lue artikkeli ”TaksiHelsinki Hintalaskuri” kokonaan »

TaksiHelsinki Hintalaskuri

Bling Angle v2

Ennen WordPress-toteutuksen valmistumista, Blind Anglelle tehtiin uusi, tiivis esittelysivu jossa luotiin katsaus tärkeimpiin projekteihin latauslinkkeineen.

Ennen WordPress-toteutuksen valmistumista, Blind Anglelle tehtiin uusi, tiivis esittelysivu jossa luotiin katsaus tärkeimpiin projekteihin latauslinkkeineen.

Bling Angle v2

Outdoor Media

Riista- ja Retki-lehteä kustantava Outdoor Media sai selkeän yksisivuisen esittelyn.

Riista- ja Retki-lehteä kustantava Outdoor Media sai selkeän yksisivuisen esittelyn.

outdoormedia.fi
Outdoor Media