Portfolio

Aktuella webb-projekt för Eva Ström

Här hittar du en del av de webb-projekt som jag är helt eller delvis är delaktig i. Projekten är placerade i kronologisk ordning, dvs det senaste överst. GitHub-konto finns här. För mer information välkommen att kontakta mig eva@evamedia.se

Webbutik och Galleri – Ny webbsida i WordPress och WooCommerce

ellashandkraft_webbutik_byggd_av_evamedia_ecommerce

Keramikern och konsthantverkaren EllaKarin Cavallin ville utöka sina traditionella försäljningskanaler med en webbutik och on-line-galleri. Den nya webbsidan; EllasHandkraft och e-handeln byggdes i ett open source CMS (content managament system) där valet föll på WordPress och WooCommerce som lämpar sig väl för för små och medelstora företag. En webbsida och e-handel byggd i WordPress och WooCommerce är mycket användarvänlig och enkel att hantera och uppdatera.

Examensarbete Mageno2 E-Commerce – RetroCrafts

I min utbildning som webbutvecklare för E-handel ingick att bygga ett stort eget projekt – EXAMENSARBETET. Jag har byggt en e-handel i Magento2. E-handeln heter RetroCrafts och ligger nu on-line  – gå gärna in och titta www.retrocrafts.seFokus var, för mig, att utveckla en webbplats som e-handel med de verktyg, CMS, i detta fallet Magento2 och de kodspråk som vi har läst och lärt oss under utbildningen. Målet var att så långt som möjligt slutföra och sjösätta en fullt fungerande e-handel med flera språksidor.

FSN får en ny uppdaterad responsiv webbsida

FSN foreningen sakerhet genom nodbelysnings nya responsiva webbsida

FSN – föreningen säkerhet genom nödbelysnings nya responsiva webbsida

FSN – Föreningen säkerhet genom nödbelysning behövde en ny uppdatera sin webbsida responsivt i en WordPress-lösning. Elmateriels nya webbsida är utvecklad i ett Child-theme (barntema) av ‘EasyMag’. För FSN är det viktigt att ha en webbsida där besökaren lätt kan kommunicera och framför allt ställa frågor om säkerhet och nödbelysning. Svar och frågor skall lätt kunna publiceras löpande på siten och besökaren skall snabbt kunna söka svar på viktiga säkerhetsfrågor. FSNs nya webbsida är ren, lättnavigerad och funktionell och fungerar för alla plattformar. Besök FSN här

Elmateriel får en ny uppdaterad responsiv webbsida

elmateriel_far_en_ny_uppdaterad webbsida

Elmateriel leverantörernas nya uppdaterade responsiva webbsida 2017

EL – Elmateriel leverantörerna behövde en ny uppdatera sin webbsida responsivt i en WordPress-lösning. Elmateriels nya webbsida är utvecklad i ett Child-theme (barntema) av ‘Travelify’. För Elmateriel var det viktigt att ha en webbsida där besökaren lätt kan kommunicera med organisationen, att snabbt kunna hämta checklistor och ladda ner elsäkerhets-information. Webbsidan är ren, lättnavigerad och funktionell sida för alla plattformar. Besök Elmateriel här

Hemljus får en ny uppdaterad responsiv webbsida

hemljus_ny_uppdaterad_webbsida_2017

Hemljus nya uppdaterade responsiva webbsida

Branschföreningen Hemljus behövde, liksom Batteriföreningen, uppdatera sin webbsida responsivt i en WordPress-lösning. Hemljus nya webbsida är utvecklad i ett Child-theme (barntema) av ‘Delivery Lite’. För Hemljus var det viktigt att ha en ren, lättnavigerad och funktionell sida för alla plattformar. Webbsidan skall återspegla ljus och visa hur man ljussätter sitt hem. Gå in på Hemljus nya webb här. Besökaren ska lätt kunna prenumerera eller ladda ner det senaste numret av tidningen Hemljus.

Batteriföreningen får en ny uppdaterad responsiv webbsida

batteriforeningen_ny responsiv_webbsida

Batteriföreningens nya responsiva webbsida byggd i WordPress, januari 2017

Webbsidor behöver förnyas – Batteriföreningens har nu fått en mobilanpassad och responsiv webbplats. Detta är ett webbutvecklingsarbete jag utfört under praktikperiod2 (LIA2) hos Elobel – Branschkansliet. För Batteriföreningen är det viktigt att besökaren får en bra upplevelse av hemsidan och att lätt hitta relevant information i menyer och undersidor och att komplex information om batterier kategoriseras för bästa användarvänlighet. Besök webbsidan här. Alla bilder på webbsidan skalas om och följer det naturliga flödet. Detta gör att samma webbsida fungerar i alla plattformar och skärmstorlekar.

Homage är en Nobel-databas – Curie en webbtemplate

Homage_en_nobel_databas

Totalt har Nobelpriset tilldelats 876 personer och 25 organisationer, varav 48 kvinnor vid 49 gånger har mottagit priset från 1901 fram till i år 2016.

Homage-Nobeldatabas är en inlämingsuppgift i kursen systemutveckling – databasteknik. november 2016. Uppgiften var att skapa något från idé till ‘proof of concept’ (eller färdig produkt förstås) och att öva på primärt back end, php och databaser. Jag valde att skapa en söktjänst med en databas över ett urval av nobelpristagare från premäråret 1901 till och med december 2016. Projektet heter Homage – Curie en webbtemplate.

Automations E-butik för nedladdningsbara filer

E-butik för automation

Tidningen Automation ville komplettera och förnya en del av sin webbsida med en E-butik för nedladdningsbara filer. Under min LIA-period på tidningen fick jag möjlighet att få utveckla en sådan lösning på Automations webbsida. Min handledare Olle Zettergren såg till att jag fick en klon av webbsidan. På så sätt kunde jag bygga, modifiera, testa, göra fel och för att sedan göra rätt. I Joomla Extensions Directory hittade jag en extension för e-butik för nedladdningsbara Pdf-filer, Extstore MediaStore som vi kunde använda och modifiera. Besök Automations E-butik här

Vi bygger i Magento

haem - en e-shop byggd i Magento

I kursen Utveckling mot E-handelsplattformar har vi ett pågående grupparbete HAEM. Gruppen består av Helena Häggström, Alinde Mårtensson, Eva Ström och Maria Kinana. Uppgiften var att bygga en e-handel i CMS´t Magento. Butiken har en startsida med en enkel presentationstext och innehåller produkter och annan relevant information. Ett eget tema (”Theme”) ska finnas, som utgår från ett original-tema, t.ex. ”Blank”. Minst en egen templatefil (.phtml) ska finnas i temat, som ändrar något jämfört med original-temat. Layout-xml som förändrar butiken visuellt, egna moduler och plugins med relevanta kodfiler. Besök vår Magento-site här  www.haem.se

WordPress-uppdrag – utvecklat från ‘scratch’

Ström Forest

I kursen Utveckling mot E-handelsplattformar (maj 2016) har jag som individuell inlämningsuppgift, kodat och byggt en WordPress-sida. Sidan är helt byggd och kodad i WordPress. Här har jag byggt ett eget tema som heter Ström Forest med alla relevanta filer, Templates, Functions File, Hooks, (The Loop) Custom Post Types, Sidebar/Widgets och samt en kundanpassad administrationsfunktion. Sidan är även organiskt sökordsoptimerad med hjälp av nyhets- och kundcase-innehåll som flöden på indexsidan. Besök gärna Ström Forest webbsida här. Obs sajten är ett kodprojekt, företaget existerar ej

Digital affärsplan

Digital affärsplan för kursen digitala affärer

I kursen Digitala Affärer (april 2016) har vi som individuell inlämingsuppgift, utarbetat en digital affärsplan för kunden Back on Track och deras varumärke WellAware. Målet är att etablera varumärket WellAware och dess produkter på den svenska marknaden. Budget 20 000 kr/ månad. WellAwares digitala affärsplan finnas att hitta under länken helt gratis att ladda ner.

.GooMapWiki – app/sida med API

goomapwiki

.GooMapWiki är en egen inlämningsuppgift som innehåller två API’er med flera url/endpoints; 1. Google Maps som bland annat har funktionen Geocode. 2. API från MediaWiki, som innehåller en sökfunktion från Wikipedia.  Klicka här för att gå till .GooMapWiki. Sidan fungerar helt i responsivt läge. Den är byggt i html, javascript/jQuery och CSS i Bootstrap. .GooMapWiki är ett eget projekt och en inlämningsuppgift i kursen SYSTEMSTÖD OCH INTEGRATION MED 3-PARTSSYSTEM

INSTAEVA – ett mini-instagram

INSTAEVA - ett mini-instagram som är kopplat till databas mySQL för bilder, användarnamn och password.

INSTAEVA – ett mini-instagram som är kopplat till en databas mySQL (Workbench) för bilder, användarnamn och password. INSTAEVA är ett eget projekt och en tentauppgift för inlämning, mars 2016. Sidan är kodad i HTML5, CSS3 (Bootstrap-mall med glyphicons bl.a) PHP, funktionen registrera ny användare och log-in lagrar och hämtar användarnamn och lösenord i databasen. Bildernas sökvägar lagras och hämtas ur databasen. Bilderna lagras i en bildmapp. Besök INSTAEVA här

MILLHOUSE – Backend e-handel

MILLHOUSE e-handelssajt kodad från scratch. Backend

MILLHOUSE är en e-handelsida, back end-projekt under perioden februari – mars 2016. Detta är ett stort grupparbete av projektgruppen GOBIGs medlemmar; Misia Blasharska, Jeffrey Örnerstedt, David Lindgren, Milvio Diaz, Helena Häggström och Eva Ström från klass WIE15. Eva Ströms del i MILLHOUSE Interior är Checkout / betalnings-funktionen från cart-sida samt att bygga databasen i mySQL (Workbench) med relevanta tables. Siten som helhet är kodad helt från grunden i HTML5, CSS3, PHP, Javascript, JQuery innehåller produkt- sidor login-, cart-funktion, admin-, ticket- och kontaktformulär-funktioner. Projektgruppen använde sig av Bitbucket för Git versionshantering via grafiska klienten SourceTree.

WOODSPACE – E-handel i WordPress

Woodspace - måttbeställda bordsskivor. E-handel i WordPress.

WOODSPACE – måttbeställ bordsskivor- tillverkning direkt med snabb leverans. En  e-handel helt byggt i WordPress i november 2015. WordPress-siten WOODSPACE är ett grupparbete av; Aimara Lopez, Sétareh Farahnak och Eva Ström i klass WIE15  vid Medieinstitutet. Till WOOD- SPACE utarbetade vi även en hel affärs- och marknadsplan med kundanalys och budget. Det är en e-handelsplats helt byggd i WordPress-mallen Enigma med olika plug-ins som WooCommerce, Language-translation, Calculator, Youtube. Besök WOODSPACE

Företagssidor i sociala medier

WOODSPACE och Scandinavian Retrocrafts i sociala medier.

WOODSPACE och Scandinavian Retrocrafts i sociala medier. Företagssidorna skapades i november 2015 respektive november 2012. Till E-handelsidorna WOODSPACE och Scandinavianretrocrafts.com har jag byggt Facebook-sidor där jag har lagt upp kampanjer för Facebook-annonsering till riktade mål-grupper och regioner. Besök en företagssida på Facebook här

Front end – inredningsshop online

Frontend HTML, CSS, Javascript, - Weddshop StyleRoom

Front end – E-handelshop kodad från scratch i oktober 2015. Webbsidan inredning genom e-handel är ett grupparbete av Helena Häggström och Eva Ström i klass WIE15 Medieinstitutet. Webb-shopen är byggd i HTML5, CSS3, Javascript, JQuery och anpassad i mediaQuery. Den innehåller index-, produkt-, lägga-i-cart-, gå till handla-, nyheter-sida och ett sökfält. Handla-sidan innehåller ett validerat beställnings-formulär med kalkylator  i Javascript.

Evamedia.se – egen webbsida version III

Eva Media & Sales - Din projektledning och CRM partner. Första webbsidan redan 2002. Denna version är byggt i Ballou Hosting Intelligence webbverktyg; Sidbyggaren.

Eva Media & Sales – Din projektledning och CRM partner hette den allra första webbsidan som jag byggde 2002. Version 3 ovan är byggt i Ballou Hosting Intelligences webbverktyg; Sidbyggaren. Genom åren har www.evamedia.se haft, till dags dato, fyra uppgraderingar. Webbsidan är kopplad till Google Analytics, Search Console, Tag Manager och Google My Business. EvaMedia version III är nu ersatt med siten du är inne på nu, som är byggd i WordPress och i temat Pluto.