![]() |
Ny design på webbyrå
Länk i signatur
Har gjort om designen från grunden till något lite, enligt mig, fräschare :D Nu vill jag ju såklart höra vad ni tycker och om ni har några åsikter. :o Det är väl meningen att jag ska göra om texterna lite och sådär, så tänker nu främst på designen. Jag måste förbättra den responsiva designen när jag har tid bara. Kolumnerna blir ju lite konstiga nu. Ut med allt ni har, och var kritiska, det kan jag ta ;) Tack i förhand! |
Sidan slutar innan min skärm slutar, och då blir det vitt under bara. Kanske en sticky footer vore något?
|
Citat:
|
Lite väl mycket lyft i höjdled, kan komprimeras en del så det blir minder tomrum i höjdled. Skulle gärna slippa att skrolla för att se hela bilden.
Under referenser så får jag felmeddelande när jag klickar på länken till ZeroNet: Kod:
Forbidden I övrigt tycker jag det var ett stort lyft av den grafiska designen sedan förra versionen jag granskade, nu är det bara textinnehållet som behöver vässas till en del. |
Citat:
Citat:
Citat:
Citat:
Ja precis, nu ska jag försöka att faktiskt lägga ner en hel del tid på texterna och försöka få det så bra som möjligt :o |
Citat:
Jag kör Windows 7 som operativ. Använder IE10 som webbläsare. Allt med senaste uppdatering (sen i går). Jag kan väl kanske tycka att du behöver "piffa till" loggan lite också, den känns lite "rörig", en logga bör vara "ren och klar" som en nubbe. Dvs inga krångligheter, jämför gärna med Apples nuvarande logga, den är hårt stiliserad och extremt enkel i sin design, men den har säkert kostat både tid och mycket pengar att få till så stilren som den är. |
Citat:
Citat:
Tack Conny för dina svar, som vanligt. |
Om man har en webbyrå, borde man inte ha koll på allt detta själv? Hur ska du göra när du får in en kund?! Ska du fråga alla om hjälp igen?
|
Kör kontroller i frontend när man skickar iväg kontakt-formuläret, nu kommer man till en blank sida som säger felmeddelanderna.
Fixa även till url:en, så det står example.com/tjanster istället för tjanster.php Se över källkoden, du har in-line CSS som du måste ta bort. Exempel: Kod:
<img src="./img/egopic.png" align="left" style="width:140px; margin:0 20px 20px 0;"> Annars ser det bra ut. Mvh, |
Har inte tittat närmare på koden, men sidan behöver lite småjusteringar här och var.
Och menyn är ingen bra lösning. Ta en titt på denna. |
En del punkter som kan förbättras och tips:
1. Google analytics innan du stänger body/html tag... 2. Du har h3 och h4 men inte h1? (ha iallafall en h1a) 3. Behövs bilden ens när rutan är stor? (tar mycket plats och tillför inte info) 4. När man gör rutan mindre hoppar stickyfootern upp här. (lägg in min-height: 100% på rätt ställe så löser det sig) 5. Strukturera gärna din kod med tabbar och framförallt undvik t.ex "</div></div>" på samma rad. Gör inget funktionsmässigt det här men tyder på ordning och reda om det finns en bra struktur i källkoden... 6. Kolla med http://validator.w3.org/ så att koden validerar |
Citat:
Nu är ju denna pojk i sina unga år, och inte lika erfaren som vissa andra (slutsats draget på uppvisade kunskaper), och det gör det naturligt att man frågar mycket. Men jag förstår helt klart hur du tänker. |
Här kommer lite synpukter från en (kanske) lite mer erfaren designer..
1) Logotypen. Den måste du jobba lite mer på. En bra början kan vara att ta bort den extremt fula bordern runt logotypen och likaså js effekten. Låt den bara vara i sin enklaste form. Länkningen på logotypen bör heller inte gå till index.php, utan kör bara vanligt / (går till första mappnivån) eller web90.se. 2) Bakgrundsfärgen skulle jag nog vilja ha helt vit istället för ljusgrå. 3) För mig är ingen sida hög nog för att behöva scrollas, ändå visas en inaktiv scrollbar på sidan. Väldigt fult. 4) Texter såsom "Behöver du, som privatperson ......." bör vara i större storlek. 5) Med footern tänker du rätt, men har men en lägre upplösning än mig, och man faktiskt behöver scrolla, så är footern fortfarande positionerad till "absolute", vilket gör att footern flyter över all content. Det gillade jag inte så mycket faktiskt.. Ta en titt på detta istället: http://ryanfait.com/sticky-footer/ 6) Dina tre snabba informationsrutor på startsidan, deras titel är inte heller den mest attraktiva, och ser lite ihoptryckt. Lägg 8px padding i top och botten på h4 så ser det bättre ut. Fyll även i ikonerna med vit färg, annars ser man en del av den gråa färgen i mitten av ikonerna. 7) Menyn, som många andra påpekat, är heller inte så attraktiv. Tror mycket löser sig genom att bara ta bort skuggan faktiskt. Hela sidan är av typen "flat", så, varför då ändra tema på menyn? Bilden på startsidan kan dock behålla sin diskreta shadow. Gillar egentligen inte någon av undersidorna. Man kan göra för mycket med dem för att jag skall ha tid att säga något om dem. Kolla gärna hur andra har gjort, mm. "dribbble.com". |
Citat:
Utbildning, teori, praktik, böcker, internet(sajter/bloggar). Men även att leka och prova sig fram är ett bra instrument. |
Citat:
|
Kanske är en smaksak då? Jag tycker iaf inte att det är nödvändigt att visa en scroll på varje sida om majoriteten är utan..
|
Citat:
Citat:
Citat:
Citat:
Citat:
2. Har nu ändrat lite grejer, använder nu endast h1 och h2. 3. Förminskade bilden lite, blev det bättre? Jag tycker den tillför något, som ett designelement. 4. Ska kolla lite på footern, tack för din uppmärksamhet. 5. Japp, var lite rörigt i koden och har städat upp lite. Citat:
Citat:
2. Aha okej okej! Ska se vad som blir bäst sen när jag kommer hem. 3. Jag gör det för att inte sidan ska hoppa i sidled, det är någonting jag stör mig väldigt mycket mer på. 4. Hmm, jag tycker de redan är ganska stora? 5. Som jag skrev tidigare, så är footern långt ifrån perfekt, ska kolla på den när jag kommer hem=) 6. Bra tips, lite mer padding hjälper nog :) 7. Förstår precis vad du menar, ska kolla på den också lite senare. Brukar kolla en del på dribbble och förstår om du tycker undersidorna är tomma och tråkigare. Ska in med mer innehåll också sen. Tack för att du tog dig tiden att skriva ett så långt inlägg :o Citat:
Citat:
--- Tack så jättemycket för alla svar! Sitter på min Nexus 7 nu, men när jag kommer hem ska jag försöka fixa footern och lite annat. Ha det bäst. |
Citat:
Då är det bra att lägga ut sina verk på ett forum eller annan kanal där man kan få synpunkter om sitt verk. Även de allra bästa gör på detta sättet. Att trådskaparen ber om att få synpunkter på sin hemsida (hans kunskaper), betyder inte att han nödvändigtvis inte kan sin sak, utan många gånger kan det vara för att man vill veta om det är något i sina kunskaper som behövs förbättras. Det kan ingen bok, eller att leta inspiration, säga till dig på ett bättre sätt än att rådfråga riktigt folk. |
Citat:
När jag läser den texten och tittar på hans kod så får jag inte ihop det. Först lär man sig att koda ordentligt, man bygger,läser på, testar,misslyckas, tittar på andra, frågar andra om råd (jag hjälper mer än gärna till) - sedan, när man känner att man behärskar kodningen börjar man hjälpa andra och ta betalt för sina tjänster. Inte i omvänd ordning. Det är som med vilket annat hantverk som helst. |
Citat:
Citat:
|
Citat:
Jag förundras varje gång jag ser en hemsida trilla ut på feedback som knappt är klar till 80%.. Det känns på något sätt oseriöst, som om att man inte orkar mer, och därför ber om andras synpunkter på vad mer man kan göra.. Vi kan dra slutsatsen att, driver man en webbyrå måste man ha koll på både kodning och kommunikativ-design (om det är det man erbjuder). Man ska inte behöva be om synpunkter på sin egna sida, det är något man skall behärska själv. Däremot, vill man ha synpunkter på andra sidor man skapar, speciellt när det kommer till utseende, och interaktionen mellan olika funktioner mm, så är det en helt annan femma. :) -Och att försöka färdigställa sidorna tills man själv är nöjd innan man lägger ut sidan för feedback.- |
Citat:
|
Citat:
Citat:
|
En hel del marginalfel på ipad,
Sen ser jag att du kör position:fixed, det buggar på IOS. Olika fonttyper och ingen struktur i storlekar. Är detta en moddad wp-mall? |
Citat:
Nej det är inte en moddad wp-mall.. Gjord från scratch såklart. Citat:
|
Några små buggar:
1. På sidan "Referenser" funkar din scroll inte riktigt, din header blir överkörd av content - dessutom funkar inte menyn när man har scrollat ned, man måste scrolla upp igen för att kunna klicka på länkarna. http://puu.sh/3bDgn.png 2. På "Kontakt"-sidan: om man skall skicka ett meddelande men glömmer att fylla i något fält, så rensas övriga fält. Det är alltid schyst om man får en möjlighet att komplettera med det man glömt, utan att behöva skriva om de fält man redan fyllt i tidigare. Testat i Safari och Chrome på en Mac. Felet med menyn i punkt ett uppstår ej i Chrome, dock blir headern överkörd även där. |
Citat:
2. Jo jag vet, jag måste fixa validationen som frontend istället. Det blir nästa grej att göra ;) Edit: Glömde säga att jag nu har fixat footern också, och lite andra smågrejer. |
Sen offtopic som, de andra. Mycket enklare att göra en hemsida till en kund då man har en kravspec. Till sig själv har man ju inte det. |
Citat:
Citat:
Citat:
Citat:
|
Hej!
Nu har jag inte hunnit titta mycket på hemsidan, jag tyckte iaf om din meny, hover effekten ger en väldigt modern och enkel känsla. Men som jag såg har du fått en hel del feedback och du kommer säkert lära dig en massa nytt på vägen. Så jag får önska dig lycka till. |
Citat:
|
Alla tider är GMT +2. Klockan är nu 08:14. |
Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson