julicvijanovicstudio
Juli's design-progressđŸŒ±
9 posts
MA Design student based in Oslo, Norway || Welcome to my progress
Don't wanna be here? Send us removal request.
julicvijanovicstudio · 2 years ago
Text
Game uke 2 - Game app
Tumblr media Tumblr media
Da var det uke 2 med spill... Ikke min beste side haha
Dette spillet lagde jeg med @swintersdesigns , Isak S og Rebekka; med navn "Duck Rescue"!🩆
Spillets gang...
Dette er et spill som er digitalt laget i figma, som dere kan se pÄ bildene, men du kan ikke komme deg videre uten Ä vÊre i nÊromrÄdet til AHO. Du fÄr vite pÄ starten at noen har stjÄlet 5 ender fra Akerselva, og som hjelp til Ä finne og slippe dem fri har du en ande-karakter som hjelper deg med hvor du skal gÄ og hint til de spesielt vanskelige oppgavene!
Vi hadde gjemt 5 blĂ„ lĂ„ser som kun Ă„pnes ved den riktige 4-sifferet koden. Anden gir deg spĂžrsmĂ„l og gĂ„ter som du mĂ„ svare pĂ„ som avslĂžrer koden til nĂžkkelen. For hver nĂžkkel du Ă„pner, slipper du lĂžs en and!🩆Men pass pĂ„... hvis du ikke blir ferdig etter 15min sĂ„ đŸšȘ endene😭 SĂ„ vĂŠr rask og redd dem!!
1 note · View note
julicvijanovicstudio · 2 years ago
Text
Kreativt Internett - Uke 2
Denne uken jobbet jeg med @rose-osullivan. Vi fikk i oppgave om Ă„ lage en nettside om en meme eller en historisk hendelse (og lignende) som har en eller annen tilknyttning til internettet. Om vi valgte noe fra det siste 10-Ă„ret eller fra starten av internettets start var opp til oss.
NĂ„r vi satte oss for Ă„ idemyldre, kom vi over Raid Area 51 som skjedde noen Ă„r siden, og Rickrolling (et tema som ble tatt av mange og inkludert som en ending), men vi endte opp med "Y2K-bug".
Jeg hadde ikke hÞrt om dette fÞr for jeg er fÞdt i 2003, men nÄr vi leste oss opp pÄ det, og spurte flere i klassen om det, fikk vi ideen om hvordan nettsiden skulle se ut.
Noen av hoved-ideene:
Å ha en stor digital klokke pĂ„ toppen av skjermen (rett under search-baren) som fulgte brukerens scrolling (nĂ„r de scroller ned gĂ„r tiden mot 00:00 og scroller de opp gĂ„r tiden tilbake til 23:00)
Å ha en parrallax-scrolling-effekt pĂ„ selve siden, hvor det er plassert masse gamle pc-er rundt pĂ„ siden og under en bakgrunn med ledninger.
Pc-skjermene skulle gÄ fra hvit, til gul, og sÄ til rÞd jo lenger ned pÄ skjermen du scrollet ned.
Hva vi klarte:
Alt pÄ listen.
Det tok meg 8t pÄ Ä fÄ en fungerende kode av den generÞse ChatGPT rundt den digitale klokken. For noe waste of time :((( Men ble jo bra da tihi :)) Dette var dessverre Javascript, men dette fikk vi lov:))
Rose hadde brukt onsdag kveld pÄ Ä lage pc-bildene transparente, og vi ente opp med Ä putte bilder og effekter pÄ dem. Noen gjorde vi om til gif.
Da var det bare ett problem. Den digitale klokken drev Ä byttet seg selv om koden var helt lik som fra starten (dette var grunnen til de 8t). Men selv etter alt det sÄ fulgte ikke klokken den spesifikke koden den hadde nÄr vi til slutt viste frem nettsiden.
Det var veldig bra samarbeid og ble ferdig dagen fĂžr innleveringen.
0 notes
julicvijanovicstudio · 2 years ago
Text
Kreativt Internett - Uke 1
Ja... SĂ„ denne uken fikk vi i oppgave om Ă„ kode en nettside. Dette kom ikke til Ă„ bli lett...
Jeg har faktisk kodet fÞr, men ikke sÄnn her. Dette var rundt 8Är siden (gÄr helt til barneskolen her haha) hvor vi lagde et spill for en konkurranse : )) Vant ikke, men kom pÄ en fin tredje plass.
Men tilbake til oppgaven!! Jeg slet mye pÄ starten, og fÞlte at jeg ikke kunne helt spÞrre om hjelp siden jeg var langt bak i forstÄelsen rundt koding. Tok meg en hel dag fÞr jeg faktisk startet Ä kode noe som ligner pÄ resultatet.
Jeg endte opp med Ä bruke to Youtube video-er som viste hvordan Ä lage portfolie sider pÄ nettsiden.... og det ble jo et bra resultat det da!
PÄ Tirsdag kveld hadde jeg bare HOME-siden (som dere kan se i videoen) og var usikker pÄ om jeg hadde gjort nok. Viste seg at lÊreren vÄr var overrasket over hvor mye jeg hadde fÄtt til og gjort i forholdt til forventningene hans. Men selv mente jeg at jeg hadde mer Ä gjÞre:
Endte opp med Ä bruke Onsdag og Torsdag pÄ Ä lage de to neste sidene (EXPLORE- og ABOUT ME-siden).
Som en liten konklusjon ble jeg faktisk veldig fornĂžyd, selv om jeg vet at portfolier skal ha mer informasjon og tekst enn hva jeg leverte :))
0 notes
julicvijanovicstudio · 2 years ago
Text
UX - uke 3
Da ble vi (meg og @kamtsikoudi-design ) ferdig med vÄr 3. prototype pÄ 3 uker. (pt2)
Ja.... sÄ vi endte opp med Ä starte pÄ nytt, og valgte en helt annen vei Ä skape appen.
SĂ„Ă„Ă„! Velkommen til Bakehjelpen!
https://www.figma.com/proto/hYM3QVNKdbxM69pinWH7Q3/Charity-Cake-App?page-id=0%3A1&node-id=28%3A24&viewport=-1488%2C2610%2C0.59&scaling=scale-down&starting-point-node-id=73%3A295
Her er linken til presentasjonen vi viste frem: https://www.figma.com/proto/1W3gEPOoGoWyzyLXran0zq/Presentasjon_App?page-id=0%3A1&node-id=1%3A2&viewport=88%2C248%2C0.09&scaling=min-zoom&starting-point-node-id=1%3A2
2 notes · View notes
julicvijanovicstudio · 2 years ago
Text
UX - Uke 2
Her er prototypen til appen jeg og @kamtsikoudi-design lagde (pt1)
"Pynterest" - app for Ă„ finne ideer og step-by-step veiledning om hvordan Ă„ dekorere kaker!
1 note · View note
julicvijanovicstudio · 2 years ago
Text
UX - Uke 1
Liten intro til alt dette styret haha:
I dag er det fredag, men la meg starte fra starten av.
"Dette er en skoleoppgave hvor jeg har fĂ„tt utdelt ordet “kake”. Ut ifra ordet mĂ„tte jeg finne en ideĂ© til en app som kan vĂŠre nyttig til andre uten Ă„ vĂŠre “þkonomi-drevet” (altsĂ„ kostnadsfri). Dette er ikke det ferdige produktet, men de neste ukene (fra 31.01.23 til 17.02.23) vil jeg utvikle denne ideĂ©n til Ă„ bli en app til slutt!"
Dette har jeg skrevet i appen under "om prototypen". Det har vÊrt noen veldig lange dager i det siste, hvor jeg har mÄttet utvikle noe fra kake haha. Trodde jeg aldri skulle like det sÄ mye. Det er jo bra det, ikke sant? Vell... hvis dere er interessert i Ä lese videre pÄ ideeutviklingen min sÄ kommer den her!
"Siden jeg flyttet ut av mine foreldres hus til Ä leve i Oslo sÄ har min mor spurt hva hun skal lage av middag, desserter og kaker nÄr jeg skal komme for helgen. De siste gangene har jeg fÞlt at vi har hatt det meste den siste mÄneden, selv om det kanskje har passert lenger tid. Oversikten pÄ nÄr vi sist spiste en type kake var ideén som kom til meg. Det Ä ha kontroll pÄ nÄr du sist spiste en type kake sparer mye tid. Samtidig, ved denne prototypen tok jeg med kategorier (som kommer senere!) og spesifikke personer til Ä holde styr pÄ hva ulike personer liker og hva passer til spesifikke anledninger."
Detter ligger ogsÄ under "om prototypen", men jeg Þnsket Ä ta det med her fordi jeg fÞler hvordan ideen kom til meg ble forklart veldig bra her. SÄÄÄÄÄ hvis dere leste igjennom sÄ henger dere nokk med pÄ det som kommer nÄ!
Ideéutviklingen:
Jeg fikk utdelt emojien kake (🍰🎂) og igĂ„r kom jeg opp med navnet SĂžte DrĂžmmer.
Tumblr media
Men fÞr alt dette sÄ var min fÞrste tanke rundt appen: hvorfor ikke lage en "cooking-simulator"-app? For her hadde ett av barndomsspillene fra DS-en, "Cooking Mama", kommet opp. Men jeg innsÄ fort at det kom til Ä vÊre myyye styr for Ä lage bÄde "app"-delen og animasjonen som skjer i "Cooking Mama", sÄ jeg ga opp.
Heldigvis stoppet det ikke der (som det til vanlig gjĂžr med meg😅). Jeg gikk tilbake til hovedtanken rundt appen, hvor denne oversikten for nĂ„r du sist lagde kakene var hovedpunktet. SĂ„ da endte jeg opp med kanskje det mest basic-e i app-laging = legit en boomer-proof app om kaker😆.
Tumblr media
Dette var den fĂžrste skissen av appen ^
Etter dette begynnte jeg Ä tenke pÄ:
Hvem skal bruke denne appen?
Jo, siden planen var at den skulle vÊre boomer-proof, kan alle aldere bruke den. Teksten skulle vÊre stor nok sÄ de eldste kunne se hva som sto pÄ de (og at de ogsÄ kunne interaktere med knappene) og at fontene var lesbar.
Hva slags behov har personene med denne appen?
NĂ„r skal den brukes?
Disse begge spĂžrsmĂ„lene kan svares med at de brukes nĂ„r du ikke er helt sikker pĂ„ nĂ„r du sist lagde en kake. Om det faktisk var forrige helg eller om det var 3mĂ„neder siden. Å ha denne oversikten hjelper med Ă„ vĂŠre produktiv i mat- og dessertlaging og bidrar med Ă„ skape en forandring i kanskje den "hver uke samme dessert-&-kake rutinen".
Her er noen flere bilder av skissene mine:
Tumblr media
Forsiden ^
Tumblr media
Funksjonene jeg skulle lage pÄ Figma ^
Jeg har aldri brukt programmet Figma fÞr, sÄ alt var nytt. Jeg startet pÄ fargene til appen, og det jeg endte opp med var en baby-nesten-pastell-rosa farge og en dypere burgunder farge for noe av teksten pÄ appen.
Her er fĂžrste og original-prototypen 1.0 ^ (Laget torsdag formiddag)
Som dere kan se sĂ„ hadde jeg bare laget 2 kaker i prototypen, bare for Ă„ vise hva var hoved-funksjonen. PĂ„ dette tidspunktet hadde jeg latt min far prĂžve ut appen fĂžrst, siden han var interessert i hva jeg jobbet med. Dette er hvor nesten 60% forandret seg til den neste original-prototypen 2.0😆.
Tilbakemeldingen jeg fikk:
Tenk pÄ at rÞde og grÞnne farger er ikke passende for fargeblinde.
Kanskje ta med "Relax-weekend" som en anledning, for det mÄ ikke vÊre mange folk for Ä lage en kake.
Fonten pÄ ingrendiensene er kanskje for liten, og se om du kan liste dem i stedet for Ä putte dem etter hverandre?
Ta med hvor lang tid det tar Ä lage kaken og eventuelt hvor mange porsjoner du fÄr.
Sette inn avsnitt i oppskriften for Ă„ gjĂžre det lettere Ă„ lese og eventuelt stĂžrre bilde
Samtidig sÄ hadde jeg sendt prototypen til mine klassekammerater, hvor jeg der ogsÄ fikk tilbakemeldinger:
"Jeg liker veldig godt fargene, men jeg ville nok ha sentrert overskriften pÄ oppskriftene og gjÞre noe med oppskifts teksten fordi det blir litt vanskelig Ä lese. Ellers bra!"
Av ting jeg vil pirke pÄ sÄ skrives det porsjoner, fremgangsmÄten bÞr skrives i en annen font (samme font som tid/porsjoner) og med smÄ bokstaver. Kanskje hvert step pÄ en linje (altsÄ oppskriften blir i punkter) for Ä Þke lesbarheten?
Hvorfor stÄr det mnd og Är?
Eventuelt legge til 1 Är «siden»?
Som dere kan se sÄ hadde detaljene av den veldig enkle appen Þkt med veldig mye haha
SÄÄÄÄ jeg satte meg ned igjen og jobbet til 01:00 fredag morgen og fikk gjort en stor del av dette! Ved siden av alt dette lagde jeg ogsÄ en engelsk versjon av alt som er mulig Ä interaktere med, og en Microsoft-forms som kan bli brukt til Ä sende inn tilbakemeldinger. Jeg promoterte ogsÄ den pÄ instagrammen min (med link) sÄ er det bare Ä prÞve i vei!
Don't believe me? Her er linken til prototypen!
1 note · View note
julicvijanovicstudio · 2 years ago
Text
Marvel Interactive Prototype
Check out this interactive prototype that I made with my partner! https://marvelapp.com/j7b6c07
2 notes · View notes
julicvijanovicstudio · 2 years ago
Text
Brief 2 - Introduksjonsfilm
I denne oppgaven skulle vi lage en kortfilm pÄ maks 1 minutt som forteller noe om vÄr egen hverdag eller noe du gjÞr daglig. Vi kunne velge Ä filme eller Ä animere, og som dere kan se valgte jeg begge.
Grunnen til dette er at jeg er veldig kjent med Ä filme, lagde og redigerte en musikk video pÄ videregÄende til min egen gruppe, men har aldri animert fÞr. Digitalt... For jeg tror at alle har hatt en liten del av barndommen sin hvor de har tegnet pÄ tuppen av hjÞrnene pÄ en skrivebok og lagd det til en "flip-book". Det har jeg selv, men som jeg nevnte: ikke digitalt.
Jeg spurte mange i klassen og lÊreren om gode animasjons program (helst pÄ pc), men de fleste sa at Procreat pÄ IPad-en er et bra valg. Da gikk jeg for det.
Tok meg en del tid til Ä forsÄ hvordan jeg skulle starte animasjonen, og pÄ det tidspunktet visste jeg ikke helt om jeg skulle filme ved siden av animasjonen eller ikke. Jeg innsÄ fort at det ville ta meg mye tid hvis alt var animasjon, og jeg kanskje ikke ble ferdig i tide.
Jeg fikk hjelp av @kamtsikoudi-design for filmingen, og animasjonen tok meg over 10timer.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Med denne kortfilmen Þnsker jeg Ä fortelle at det finnes sÄ mange ulike verdener utenfor dagens skjermer. Det Ä "Let go" og "Dive inn" i en bok hjelper mye med Ä slappe av.
Ved den animerte delen Ăžnsker jeg Ă„ vise de ulike sjangerne en bok kan ha. Jeg personlig liker fantasy, sci-fi og romanse best, men for andre kan det vĂŠre spennende Ă„ lese om krim, horror, thriller, action og alle andre sjangere som finnes.
Å gĂ„ av skjerm er en vanskelig del av livet mitt, for nesten alt som skjer innenfor sosiale forhold, inspirasjon, og nĂ„ plutselig skole ogsĂ„ (her pĂ„ tumblr) er pĂ„ skjermen. Å ta en bok jeg aldri har lest, eller en bok jeg har lest 10 ganger fĂžr, er en "escape" fra denne teknologiske verdenen som jeg krever. Det Ăžker kreativiteten og fantasien min, noe som bare er positivt siden "idee-videoer" fra Instagram eller TikTok (som jeg endelig har klart Ă„ fjerne fra telefonen min) ikke gir meg noe ideer, men heller mer stress og et stĂžrre Ăžnske om at jeg kunne gjĂžre noe sĂ„ fabelaktig som de kan pĂ„ videoen.
Det er ikke farlig Ä gÄ glipp av noe pÄ nettet. Det burde vÊre viktigst for oss Ä nyte det som er rundt oss, i hvert fall nÄ med at de sosiale appene styrer hverdagen vÄr.
0 notes
julicvijanovicstudio · 2 years ago
Text
Tumblr media
AI BAD - Starten pÄ GK2
2 notes · View notes