PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Webseite für Arztpraxis


JasonX
2008-02-14, 08:41:33
Hallo,

ich soll einem Arzt für seine Praxis eine Webseite erstellen.

Nja, nun hät ich da paar Fragen

1. Welche Farben passen für ne Praxisseite

2. Was kann ich denn für den Bau der Seite verlangen? Ich bin nicht Fachperson, ich hab halt nie Webdesigner gelehrnt.
Was verlangt ne Fachperson und was kann ich verlangen, ich dachte da so an 50% Billiger, mein Bekannter sagt bei ner Fachperson zahlst für ne 6 Seitige HP ca. 700€

3. Wer trägt die Verantwortung für den Inhalt der Seite?
Ich als Designer oder der Arzt als Auftraggeber?

Danke

Jason

Becks
2008-02-14, 08:49:38
Zu 1.
Auf jeden Fall ne Menge weiß, gilt ja als steril.
vielleicht auch etwas blaues, nur nicht zu dunkel hätte ich mal gesagt.


Zu 3. weiß ich nur:

Du ganz bestimmt nicht.
Der Betreiber der Webseite trägt die alleinige Verantwortung.
Ist bei jeder Seite so, außer er hat jemand anderen gefunden und diesen extra ins Impressum gepackt.
Der Webdesigner ist ja nur der Designer, mehr nicht. :)

Kinman
2008-02-14, 09:07:21
Zu. 2.
Als "Fachperson(en)" verlangen wir so rund um die 2.500€ Netto. Jedoch mit CMS.

Zu 3.
Wird prinzipiell im Impressum angegeben
z.B.
Für den Inhalt verwantwortlich: Name + Adresse des Kunden
Design und Umsetzung: Unser Name + Adresse

mfg Kinman

JasonX
2008-02-14, 11:56:15
Ja ein CMS für ne Praxisseite ist jetz nicht so das muss, ich dachte nur an paar Berichte über Reha halt nicht mehr als 7 Seiten. Da reicht einfaches HTML.
Wobei ich die Seite schon eher per php schreiben will.
Kontaktformular
Impressum
Rehamaßnahmen
(GB)
Homeseite
Praxisbilder und Grundriss
und Der Arzt stellt sich vor.

Ich dachte auch so an Weiß und ein dezentes Hellblau, auf jedenfall steril. (Grün?)

Man mit gerade mal 2 Farben ists scheiße schwer eine Seite nicht eintönig zu machen.

stickedy
2008-02-14, 12:16:39
Wieso willst du die Seite in php schreiben, wenn Sie eh statisch ist? Macht doch eigentlich keinen Sinn.

JasonX
2008-02-14, 13:33:25
Nja, das Kontaktformular muss ja abgesendet werden, und ich wüsste jetzt nicht, (ok HTML ist schon bischen her) das ich per HTML ein Formular verarbeiten kann. Zweitens ist so mein Quellcode nicht sichtbar.

stickedy
2008-02-14, 13:40:27
Naja, da braucht man halt Perl oder CGI dazu, aber OK is ein Argument. Aber das mit dem Quellcode ist keines. Zwar sieht man den php-Code nicht, aber den daraus generierten HTML-Code ja trotzdem. D.h. wenn jemand die Seite kopieren möchte, wird es ihm dann wohl völlig wurscht sein, ob er HTML bekommt oder php. Aber is egal, mach es so wie du für richtig erachtest :)

Yoda-III
2008-02-14, 13:54:55
du solltest dir im eigenen Interesse vorher ein paar rechtliche infos einholen, da es für Internetauftritte von Ärzten u.a. zu beachten gibt, dass die seite keinen werbenden Charakter hat. Kenne es selber nur ausm zahnmedizinischen Bereich, dort ist das verdammt streng gehandhabt.

Infos könntest du eventuell bei der den entsprechenden Vereinigungen (Ärztekammer, etc.) erfragen.

DanMan
2008-02-14, 14:43:43
Farbe: Viel weiß, wie Becks schon schrieb. Aber das heißt nicht "eintönig", sondern "harmonisch" und "sauber". :)

Preis: Bei Profis kriegst du für 700€ vielleicht alleine die Umsetzung von so einer Seite, aber nicht das Design. Das kostet nochmal ein paar Lappen mehr. Da du aber nie Design gelernt hast, kannst du da auch nicht viel verlangen in der Richtung.

Wenn er PHP kann, warum soll er es dann nicht gebrauchen? Was ist das bitte für ein komischer Einwand?

alkorithmus
2008-02-14, 17:00:07
http://www.designerzone.de/webdesign-tutorial-webseiten-aufbau-entwickeln.php

Blade II
2008-02-14, 18:02:05
Persönlich nutze ich gerne geschwungene Linien und Weiß-Hellgraue Farbverläufe. Das macht langweilige Formen und Farben etwas lebendiger.
http://img3.imagebanana.com/img/lshuaqnb/thumb/BRDesign.jpg (http://img3.imagebanana.com/view/lshuaqnb/BRDesign.jpg)
In der Kopfgrafik könntest du ein Foto eines Arztes mit Kittel reinsetzen. Da erkennt der Besucher sofort, mit welchem Thema sich die Website beschäftigt.

mictasm
2008-02-14, 23:52:37
Hat die Praxis bisher kein eigenes Briefpapier oder einen Stempel? Und gerade bei der Farbgebung sollte der Auftraggeber einen Hinweis geben können (ggf. auch seine Mitarbeiter).

Ich denke auch, dass es ein sehr sauberes, unaufgeregtes, weißes Design ohne Schnörkel sein sollte.

Vielleicht hilft dir ja die Seite meines Zahnarztes: http://www.dr-szostak.de/home.php

JasonX
2008-02-15, 08:34:29
Ja, die Arztseite des Zahnarztes wär schon so in etwa das was ich mir gedacht habe. Navi unterm Banner und Unten den Content.

Ja, wegen Details werde ich mich noch mit dem Arzt kurzschließen, aber ich will halt schon mal so ein Paar Richtungen finden, wo ich ihm vorschlagen kann, damit ich nicht 30 verschiedene Designs machen muss, damit er Eins will, ich will es auf so wenig wie möglich einschränken.

rothom
2008-02-15, 09:01:12
Hallo Jason,

1) weiß bietet sich der Sterilität wegen an, empfinde ich aber als langweilig. Versuche dich in warmen Pastelltönen, denn ein Arzt soll auch Vertrauen geben, dieser Anspruch ist mit weiß als primäre Farbe nicht gewährleistet, das ist zu 'kalt'.

2) über preise lässt sich bekanntlich immer streiten - auch unter Profis. Setze doch einfach einen Stundenlohn für dich an und berechne entsprechend deines zeitlichen Aufwandes.

3) der Arzt, dein Auftraggeber.

Gruß
rothom


Hallo,

ich soll einem Arzt für seine Praxis eine Webseite erstellen.

Nja, nun hät ich da paar Fragen

1. Welche Farben passen für ne Praxisseite

2. Was kann ich denn für den Bau der Seite verlangen? Ich bin nicht Fachperson, ich hab halt nie Webdesigner gelehrnt.
Was verlangt ne Fachperson und was kann ich verlangen, ich dachte da so an 50% Billiger, mein Bekannter sagt bei ner Fachperson zahlst für ne 6 Seitige HP ca. 700€

3. Wer trägt die Verantwortung für den Inhalt der Seite?
Ich als Designer oder der Arzt als Auftraggeber?

Danke

Jason

rotalever
2008-02-15, 12:40:36
Du kannst es entweder Steril machen, dann wäre Weiß, helles Blau, oder Türkis-Grün angebracht (sowas wie #00BB6C). Auf jeden Fall keine Schwarze Schrift sondern irgendwie Mittelgrau, das wirkt besser.
Je nachdem was das für ein Arzt ist, also was er behandelt, kann man auch warme Farben nehmen. Zum Beispiel helles Gelb mit Rot vermischen, aber nicht zu reine Farben nehmen, dass wirkt meiner Meinung nicht so schön.
Nicht den ganzen Raum vom Bildschirm ausfüllen, aber auch nicht zu klein. Du solltest ein paar schöne Bilder (Photos) in das Design einbringen, die etwas mit der Medizin des Arztes zu tun haben. Möglicherweise solltest Du sogar etwas Geld für solche Bilder ausgeben.
Als Schriftart solltest du bei einem sterilen Design eher auf Serifen-Freie (Sans, Helvetica, Verdana, Arial,..) setzen, bei einem warmen Design können es auch ruhig Serifen-Schriftarten (Times,...) sein, da sie den vertraulichen Charakter unterstreichen. Du solltest dich für eine Schriftart für Text und vll. noch eine weitere für Überschriften entscheiden, sonst wird das für solch ein Design zu viel.
Du solltest keine Animationen wie Lightboxscripte für Bilder einbringen, das passt meiner Meinung nach nicht zu einer Arztseite.

Das Ziel der Seite muss in jedem Fall sein, Professionalität und Vertrauen zu erzeugen.

JasonX
2008-02-15, 14:23:12
So, hab da mal was gebastelt,

das erste mal das ich das Design mit Photoshop per Slice und Image Ready gemacht habe.

So in etwa sollte das aussehen:

http://web269.s14.deinprovider.de/Praxis-Paluch.html

So nu hab ich aber ein Problem so sieht der Code aus:

<html>
<head>
<title>Praxis Paluch</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Praxis Paluch.psd) -->
<table id="Tabelle_01" width="901" height="1200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="Bilder/Praxis-Paluch_01.gif" width="900" height="194" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="194" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/Praxis-Paluch_02.gif" width="900" height="50" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="Bilder/Praxis-Paluch_03.gif" width="892" height="2" alt=""></td>
<td rowspan="3">
<img src="Bilder/Praxis-Paluch_04.gif" width="8" height="401" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/Praxis-Paluch_05.gif" width="9" height="399" alt=""></td>
<td>
<img src="Bilder/Praxis-Paluch_06.gif" width="883" height="18" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/Praxis-Paluch_07.gif" width="883" height="858" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="381" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Praxis-Paluch_08.gif" width="9" height="477" alt=""></td>
<td>
<img src="Bilder/Praxis-Paluch_09.gif" width="8" height="477" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="477" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/Praxis-Paluch_10.gif" width="900" height="78" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="78" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

So und nun häng ich schon.
Wenn ich

<tr>
<td>
<img src="Bilder/Praxis-Paluch_08.gif" width="9" height="477" alt=""></td>
<td>
<img src="Bilder/Praxis-Paluch_09.gif" width="8" height="477" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="477" alt=""></td>
</tr>

lösche ist das ganze Design nur noch Müll. Wie mache ich das jetzt das ich auf diese Bilddateien einen Content setzte, z.B. in die Mitte mit Text ohne das sich alles verschiebt.

Arbeite ich mit dem HTML weiter das mir Photoshop ausgibt, oder Mache ich jetzt mein eigenes Gerüst und arbeite nur mit den Gifs die mir Photoshop erstellt hat ?

rotalever
2008-02-15, 15:51:02
So in etwa sollte das aussehen:

http://web269.s14.deinprovider.de/Praxis-Paluch.html


Das sieht schlecht aus. Zu dunkle Farben, zu starke Kanten, unscharfe Bilder, Rundungen nicht geglättet, zu viele Farbverläufe,...

JasonX
2008-02-15, 15:53:13
So in etwa sollte das aussehen:

Ich hab grad ein anderes Problem wie schon gesagt mit dem Code selbst.

Drum sagte ich ja etwa ^^

Gast
2008-02-15, 22:35:27
Ich schreib mal das, was sicher viele andere auch sagen würden:
Tabellendesign sind Müll. Das ist einfach der springende Punkt.

Diese ganzen Farbübergänge würden z.B. mit 1px reichen, dann mit background(-repeat) arbeiten. Trennung Design<->Content in HTML ist heute doch schon drin, wenns auch meist nur im Ansatz umgesetzt ist (damit meine ich, dass zwar CSS verwendet wird, aber bereits der HTML-Code zu sehr auf das endgültige Aussehen gedrückt wird, dass echte Änderungen nacher nicht nur am CSS vorgenommen werden müssen). Insgesamt lässt sich das momentan auf 1 "echtes Bild" (das oben), und die 2 Farbübergänge, die man wie gesagt in so ein 1-px-bg packt reduzieren. Die Erstellung von so etwas geht (ohne das Bild oben) in max 30min. DAS wäre dann wirklich das Grund-Grundgerüst zur Erstellung der Seite. Für ein wirkliches Grundgerüst fehlen dann immer noch Navigation, Platzierung und Formatierung von Texten in Form von CSS und und und.

Wie Du schon richtig bemerkt hast, wird der Preis, der "Fachpersonen" für so etwas verlangt für Dich nicht wirklich relevant sein, denn du bist einfach kein Fachpersonal - und mal ehrlich: Hast du schonmal ein Homepageprojekt erstellt? Ich denke nicht, dass jemand mit mittlerer Erfahrung hier mit ImageReady erstellten Slices ankommt. (Bitte nicht persönlich nehmen)

Gruß, der Gast aus dem heise-Forum (leider kein guter Freitag heute)

Blade II
2008-02-15, 23:34:00
So, hab da mal was gebastelt,

das erste mal das ich das Design mit Photoshop per Slice und Image Ready gemacht habe.

So in etwa sollte das aussehen:

http://web269.s14.deinprovider.de/Praxis-Paluch.html



Nimm die Ausstanzung weg, das sieht schrecklich aus :D
Dann würde ich auch nicht umbedingt auf so ein kräftiges Blau setzen, viel eher auf ein etwas dezenteres. (mehr weiß-Anteil; evtl. Verlauf)

Ist die Farbe vorgegeben?

JasonX
2008-02-16, 11:56:48
Ne Farbe ist nicht vorgegeben.

Ich will es noch optisch weiter bearbeiten, das ist auch noch kein Grundgerüst, wie schon aufgefallen ist sind da ja noch nicht mal Links.

Ich würde halt nur mal Gerne wissen, wie ich da nen Content reinsetze, ohne das sich alles Verzieht.

Ich meine in die leere Mitte soll ja was rein, wenn ich aber was rein setze, dann geht das ganze Design sausen.
Drum war ja meine Frage, da wie man sieht es sich um Tabellen handelt so wie es Image ready ausgespuckt hatte. (Hab ich so von webmasterpro.de, im Tutorial) ich würde ja lieber mit Div-Containern arbeiten. Der Code ist ja noch nicht mal mit den paar Zeilen W3C konform. Ich will hier kein WYSIWYG produzieren. Farben werde ich noch ändern. Auch das Design, ich hab halt noch nie das komplette Design mit Photoshop aufgesetzt, sondern immer nur Teilbereiche erstellt und den Rest mit HTML, bei dem Arzt würde ichs halt etwas anders machen als bei meinen eigenen Pages.

Blade II
2008-02-16, 12:27:14
Wenn du CSS gut kannst, dann kann ich dir auf jeden Fall yaml (http://www.yaml.de/) empfehlen. Yaml ist ein CSS Grundgerüst, welches du nach belieben umschreiben kannst.

In Photoshop gehst du her und slicst alles, was du nicht per CSS erstellen kannst. (Sprich: keine einfarbige Rahmen, etc.) In deinem aktuellen Entwurf wären es dann 3 Grafiken: Headergrafik, Farbverlauf unterm Header und der Footer.

Dein Tabellengerüst guck ich mir mal kurz an.

Kinman
2008-02-16, 12:29:07
Darf ich ehrlich sein? Ist wirklich nicht persönlich gemeint und jeder fägt mal an, aber das sieht schrecklich aus :(

Wegen dem HTML-Code sieh mal da:
http://www.css4you.de/wslayout1/index.html

mfg Kinman

Blade II
2008-02-16, 13:02:04
Darf ich ehrlich sein? Ist wirklich nicht persönlich gemeint und jeder fägt mal an, aber das sieht schrecklich aus :(

Wegen dem HTML-Code sieh mal da:
http://www.css4you.de/wslayout1/index.html

mfg Kinman

Stimmt. Für eine kommerzielle Seite kannst du da leider nicht viel Geld verlangen.

Trotzdem: Das Layout wird gecrashed, da ImageReady die Höhe der Website fest vorgegeben hat (siehe bei <table> -> height="xxx"). Wenn du nun Teile der Website entfernst verteilt sich der restliche Inhalt gleichmäßig vertikal.

Ich habe das Layout mal ganz schnell neu geschrieben: http://demon-coding.userhost.de/3dc/paluch.html

Ist etwas dahin geschmiert, funktioniert aber. Die Balken links und rechts in deinem Entwurf sind z.B. auch nicht gleich lang und auch nicht geradlinig nach unten gezogen. Da musst du etwas genauer arbeiten.

Wo soll später die Navigation hin? Links vom Content unter horizontal unter der Headergrafik? Dies würde sich z.B. bei wenig Inhaltsseiten anbieten.

MfG Blade II

PS: Mehr kommt später, muss erstmal duschen XD

BoneDaddy
2008-02-16, 17:36:12
wenn man keine Ahnung bzw. Erfahrung hat, sollte man ehrlich sein und den Auftrag dankend ablehnen. Erstens machst du mit deinen Preisen den Markt kaputt, zweitens ist nichts schlimmer, eine hässliche Webseite als Repräsentation einer Firma. Dann lieber gar keine Webseite.

Gast
2008-02-16, 22:48:00
Stimmt. Für eine kommerzielle Seite kannst du da leider nicht viel Geld verlangen.

Trotzdem: Das Layout wird gecrashed, da ImageReady die Höhe der Website fest vorgegeben hat (siehe bei <table> -> height="xxx"). Wenn du nun Teile der Website entfernst verteilt sich der restliche Inhalt gleichmäßig vertikal.

Ich habe das Layout mal ganz schnell neu geschrieben: http://demon-coding.userhost.de/3dc/paluch.html

Ist etwas dahin geschmiert, funktioniert aber. Die Balken links und rechts in deinem Entwurf sind z.B. auch nicht gleich lang und auch nicht geradlinig nach unten gezogen. Da musst du etwas genauer arbeiten.

Wo soll später die Navigation hin? Links vom Content unter horizontal unter der Headergrafik? Dies würde sich z.B. bei wenig Inhaltsseiten anbieten.

MfG Blade II

PS: Mehr kommt später, muss erstmal duschen XD

Nja, nicht viel Content also setz ich die Navi unter den Header, ich werd mit ihm noch alles absprechen, was Details angeht, mir gehts ja nur um den Aufbau, und wie ich das mit dem Code machen soll, aber deine Überarbeitete version, sieht vom Code her gut aus, damit kann ich was anfangen.

Und mit meinen Preisen mach ich den Markt kapput, das ist deine Meinung, er hat extra mich gefragt, da er nicht ne Menge Geld für nen Fachmann ausgeben will.
Ich richte dem seinen Rechner jedesmal. Und in HTML/CSS hab ich schon etliche erfahrung, mit PHP ists nicht so riesig, aber das was ich da schon kann reicht für das was er will. Ich muss ja nicht mal ein Backend für die Seite basteln. Da lohnt auch kein CMS.
Ich weiß ja jetzt schon das ihm 50% eines Fachmanns zu teuer sein werden, aber es ist ja auch meine Zeit.

Mfg

Jason

Ps.: Vllt lass ich das Design auch einen Kumpel machen und geb ihm nen Teil des Geldes. Ka. Kenn da etliche die in Sachen Design mit PS was drauf haben.

JasonX
2008-02-16, 22:48:54
Thats me Jason,

hat was mit Login nicht geklappt dachte ich wär eingelogged.;D