Neues Design für meine Seite anlegen, bitte um Anregungen bei Grundlagen

Hallo Forum, ich habe beschlossen meine portfolio website in ein neues Gewand zu stecken. Um ehrlich zu sein muss ich mich korrigieren, denn eigentlich habe ich beschlossen mir ein portfolio wie fast alle anderen kreativen azulegen, nämlich schlicht, weiß, "schnieke" und einfach nur Fokus auf die Arbeiten, ohne viel drum herum.
Was ich will ist im Grunde das hier BEISPIELE: www.martacerda.com oder auch das hier luizrisi.com/, hier auch etwas ganz ähnliches (und mal was deutsches) vgrfk.com/de/

- Es soll eine Startseite geben mit einem kleinen header, einer Navi oder Tag liste und einem Grid.

Der Grid sollte im idealfall einen coolen Effekt haben, so wie bei Frau Cerda (1.Beispiel), aber hauptsächlich responsive sein. Ihre Navi-Leiste ist nicht responsive und das will ich auf jeden fall nicht!

- Wenn man auf ein Bild/Projekt geklickt hat, dann öffnet sich eine Bildergalerie (vertikal angeordnete Bilder zum Projekt) und darunter sollten sich ENTWEDER Vorschläge zu "benachbarten" Projekten (bspw durch gleiche tags zu geordnete Projekte) befinden, oder wieder der gesamte Grid (wie bei dem Luiz Risi Beispiel).

Ich würde gerne einige Captions, bzw. Tags unter jedem Bild im Übersichtsgrid haben, etwa so wie bei Luiz Risi). Es müssen aber kleine Textblöckchen sein.


Ihr habt mir schon so sauviel geholfen, ich weiß ich krieg das schon irgendwie gewuppt, aber ich bitte Euch hiermit, mir einmal Eure Tipps zu folgenden Fragen zu geben:

1) DER GRID: wenn ich den anlege, dann mache ich das mit insert Gallery und dann Thumbnail-Grid. Wie kann ich das Aussehen der Thumbs editieren, und vereinheitlichen. Wie und wo kann ich Image Captions editieren, also Textgröße, -farbe und font

1B) Zum Effekt bei den Thumbs, wie krieg ich das gemeistert, es gibt ja ein paar coole sachen hier, aber ich würde sowas wie overlay oder ein leichtes in oder auszoomen/bewegen vom Thumb-Bildausschnitt im festen Bildframe bevorzugen, wie fange ich denn da am besten an..?!

2) Die Folgeseiten, sind die dann gelinkt zum Bild im Übersichts-grid (Seite "All" oder wie ich sie dann nenne), aber wie kriege ich den Anschluss an den Hauptgrid (wiederholt unten) oder zu anderen Projekten (mit gleichem Tag) hin?
2B) was fändet ihr besser (Hauptgrid wiederholt sich, oder "benachbarte" Projekte werden angeboten)?

Hoffe, man versteht, auf was ich hinaus will. Habe schon "aufgeräumt" auf meiner page, aber noch keinen zurecht geschneiderten Kontent parat... Tausend dank für Euren Support!!!
Bin gespannt...


Noch eine Frage an echte Design-Geeks: wie hat sie es hingekriegt, den browser-slider farblich zu verändern, das finde ich schon sehr designerisch genial??? Will ich auch!!

 

Edi, sorry, war alles zu lang geschrieben, was?! Bitte siehe meine Fragen unter 1), 1B), 2) und 2B) oben im Text. Verständlich?

 

Hallo Melewo, wieso sollte ich mir so was kaufen und nicht in WP gestalten? Weil es für Deiner Meinung nach kein klassisches Wordpress-Seiten Layout ist - verstehe ich Dich da richtig? Oder weil ich oben genannte Ideen wirklich nicht mit Wordpress umsetzen könnte?

 

Äh, Michael, ist ja nett dass Du schreibst, aber Du bringst meinen Post damit schon etwas durcheinander, oder? Kannst Du bitte nen eigenen Beitrag schreiben, dann bleibt das doch übersichtlicher, findest Du nicht auch. Ich habe bisher noch keine Antwort auf meine Frage(n) erhalten. Dankeschön!

 

Pixelig, danke für deinen Bericht. Ist schon klar, mehrere Wege führen nach Rom. Und ich warte auch nicht auf eine Klip-und-klare-Rezeptur, wie ich die Seite auf die Beine stelle, ich habe lediglich die Hoffnung, dass sich hier jemand 1. die Mühe macht und die Beispiel-Seiten anschaut und sich meine Vorstellungen und Lösungsansätze damit vergleicht.
Z.B. der Grid. Ich habe bis jetzt die Vorstellung das mit "insert gallery" und dann als thumb nail grid zu machen. Wie bescheuert das dann ohne Anpassungen aussieht, dürfte jeden Halbprofi klar sein. Nun fragte ich nach Editierbarkeit und Anpassungsmöglichkeiten eines Thumbnail-Grids- zum Beispiel eine meiner 4 Fragen, ...... okay eigentlich waren´s 5.

Ich erwarte keine Komplettlöungen von Euch, aber vielleicht ist es ja so, dass das eine und das andere eben voneinander abhängt (page-struktur), das Captions und Grid hier und da zu editieren gehen, etc... und daher habe ich mal meine Absichten durchformuliert. Kann sich ja jeder da angesprochen fühlen, wo er/sie sich kompetent fühlt.

Danke!
PS:Ich werde das nicht mit einem Theme machen, da ich selbst font und farben kontrollieren möchte und das hab ich bereits einigermassen gelernt. Und ich will noch viel mehr lernen.

 

Hallo Forum,
bin etwas überrascht über die Art der Antworten/Beiträge... ich weiß nicht, ob es an meinen Formulierungen liegt, oder an dem Umfang der Fragen, oder an was anderem.
Bisher erhalte ich nur mehr oder weniger Antworten, die mich in Richtung Theme leiten, oder jemanden zu kaufen, der alles für mich erledigt. Das macht doch keinen Spaß und ich lerne nichts dabei! Ich kenne mich mit keinem anderem web building system aus, daher würde ich bei allem anderen bei 0 anfangen, deshalb WP. Meine seite läuft und ich habe die groben Grundlagen begriffen, wieso sollte ich es nicht WP versuchen.

Ich fange einfach mal an mit den Inhalten und dem "Grid" ( also Bildliche Übersicht zu einzelnen Projekten) und versuche mein Glück beim editieren dessen. Melde mich noch mal, wenn es Neuigkeiten gibt. Danke!

 

http://simonsmeier.com/all-work/ so eng und gepresst wie das nun aussieht will ich es nicht, aber von der funktionalität her ist es ja im Prinzip schon recht so. Wenn ich auf ein Bild klicke, erweitert sich das Projekt um 3-6 Bilder, die untereinander angeordnet sein sollen. Darunter würde ich gerne de "Grid" entweder komplett wiederholen ODER benachbarte Projekte (mit gleichen Bild Tags) vorschlagen. Wie passe ich so einen Grid an, designmässig - Farb-Overlay bei Rollover, text..?

 

http://simonsmeier.com/all/

entschuldigung!

 

Malewo, ja danke. Ich glaube auch das du nichts mehr dazu schreiben brauchst. PS: Manche Leute stehen seit Jahren in einer Garage und sind trotzdem noch kein Auto.

Hier macht jemand ein Tutorial zum Image-Grid, aber leider aus Bildern zu Posts (post archive). Da sind aber schon code zum hover effect und captions zu sehen.. Plug ins gibt´s auch. Also weiter geht´s, ich schaff mich schon irgendwie weiter..

 

Zauberwörter wären: "Responsive fluid grid" für leute die´s drauf haben. Da gibt es auch viele Premium Themes dazu, das sei auch vermerkt. Und für jemanden wie mich, der es einfach und nicht "ge-themed" haben will: ein Plug in Namens post tiles