Jump to content
gebeer

My first PW site - dentist in Germany

Recommended Posts

Hi there,

I just saw totoff's new doctor's site and thought, I add my dentist site here: http://zahnarztpraxis-wunschik.de/

Credits for design and concept go to http://www.gruenklee.de/grkl/

They did a great job on the design and photography.

This is my first PW project where I learned my ways around.

It is running on v2.3. I used the default site and married it with H5BP and added a sass framework for the styling part that I used in good old Joomla days.

From the PW side of things, this wasn't a great challenge thanks to this great forum. I was very happy about the Gmaps field. Only had to tweak it a little to display the info bubble. And FormBuilder. Didn't want to spend too much time on the form coding in a new environment. Tricky part here was to get the datepicker to display in German.

There are some Animation features. The three info boxes at the top are slidable. And there state (closed/open) is remebered across the site. That was tricky, too because I had never worked wit jQuery cookies before. Gave me some headache but finally worked out fine.

There are also some image slideshow features in the header on the "Praxis&Philosophie" page and on the start page. I used cycle2 jQuery plugin which is absolutely great.

And some slide-in effects on the team page.

All in all I learned really a lot from setting this up. It gave me a good base to explore PW further and work on more challenging projects with even more Animations AJAX etc. that shall be presented here in the near future.

  • Like 10

Share this post


Link to post
Share on other sites

Well, building the first website with it is always a great way to get to know processwire. And step-by-step you'll continue discovering more features :)

Share this post


Link to post
Share on other sites

Very nice and professional site - wow.

Two details though: I don't understand why "Im Notfall" (Emergencies) lives under "Aktuelle Meldungen" (News) and I would better like to understand at first glance, that the person pictured on the front page is the doctor herself. She looks pretty much like her assistants (green shirt etc., compare with the person under "Aktuelle Meldungen"), which imo is a disadvantage in healthcare, where personal trust in the doctor is the strongest asset.

  • Like 1

Share this post


Link to post
Share on other sites

Hello totoff,

thank you for taking a look at that site and taking your time to comment.

I agree with what you are saying. But the design, images and structure of the site all came from the agency mentioned. I'm merely the guy who does the programming stuff. So, unfortunately, I have no influence on the contents of the site.

If it was me, I would have placed "Im Notfall" under "Behandlungszeiten". Different people, different logic, it seems.

If people ever read the welcome text on the homepage, I think they can associate the dentists name with the image. And she really is looking like a dentist, isn't she?

  • Like 1

Share this post


Link to post
Share on other sites

Looks nice on desktop. But since you didn't implement a responsive version I would suggest to remove the viewport meta tag, otherwise it looks broken on mobile.

  • Like 1

Share this post


Link to post
Share on other sites

Looks nice on desktop. But since you didn't implement a responsive version I would suggest to remove the viewport meta tag, otherwise it looks broken on mobile.

Thanks for that. I'll give it a try.

It resizes for screens 1024x768 (IPad), but not optimized for lower than that. Guess thats why the viewport meta tag is in there.

Cheers

Gerhard

Share this post


Link to post
Share on other sites

Thanks for that. I'll give it a try.

It resizes for screens 1024x768 (IPad), but not optimized for lower than that. Guess thats why the viewport meta tag is in there.

Cheers

Gerhard

Well it resizes exactly for iPad. Which is one of many possible resolutions. And above 1024 until 1280 I get an ugly horizontal scrollbar. Can't see a reason why to build it that way. If the iPad (and only in landscape format) is your only concern, better stick with a zoomable version instead of breaking it for all other devices. No offense, just want to point to possible problems. 

  • Like 1

Share this post


Link to post
Share on other sites

Thanks again. I see your point but don't have iPad available for testing right now. Will have a look at that next week.

Cheers

Gerhard

Share this post


Link to post
Share on other sites

Thanks for pointing me to these options.

I use these already and tried many other kinds of similar services. But none of them are like the real thing. I also like http://www.responsinator.com/. The name is just too cool.

Especially when it comes to iOS-Safari specific bugs, Chrome device emulation doesn't reproduce them, like this one.

When using device detection scripts, Chrome emulator doesn't return the correct user agent strings, see for example here

I do test things with Chrome Dev tools but always on the real device, too. This seems the only way to make sure it is really looking as expected. Too bad, there is no real emulation for iPAd/iPhone available on Linux/Windows.

Cheers

Gerhard

  • Like 2

Share this post


Link to post
Share on other sites

I do test things with Chrome Dev tools but always on the real device, too. This seems the only way to make sure it is really looking as expected.

that's true unfortunately.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By dragan
      My very first PW site: http://fantastique.ch/
      Launched a week ago. The bulk work was not design or scripting / CMS-related, but writing copy and choosing what work to include and what not. Oh, and exporting tons of data from MODX Evo and import to PW (lots of data was in an ancient site / on another domain). 
      It was a great learning process, and I must say it's a real pleasure working with PW.
      Thanks for all the help I got so far with my n00b questions in here.
      I'm not happy yet with the frontpage (should add more content and probably more visuals). I'm gonna add some case studies (simply describing a project from start to finish in more detail). And if I really have a full week or two, add a german version as well. Initially, I wanted a multilingual version from the get-go, but I decided it's better to launch something, rather than nothing.
      In June, I'll launch my 1st PW-powered client site. Looking forward to discover even more PW awesomeness along the way.
    • By typ9
      Hey guys, another green website from the processwire beginners based near munich. This website is our first REAL PW project - and (for us) one of the biggest sites we‘ve ever built. And actually the first one with a CMS/framework that we did totally on our own. So, don‘t be too negative - but don‘t be too positive either.
      http://www.roha-gmbh.de
      There are still many things that are not perfect yet, but since we started to design this website in 2011, it really was time to get it "into the wild" now! Many furniture manufacturers still haven‘t sent their best product images, so that is why there are still some lowres images in there. The project chapter needs some work on the photos as well, but that time will come... 
      The site is not responsive yet, because it wasn‘t our main goal in 2011 - so we only wanted to get it working on tablets and phones, but without any special mobile styles. This will come, but that may take a while.
      The modules we used:
      - formbuilder
      - procache
      - redirects
      - versioncontrol
      - sitemapxml
      I‘m totally glad I found processwire a few months ago, because at first we planned to get that site done with pure static html. Which would not be TOO nice with about 80 html pages and many, many images (about 400).
      Finally a few "thank you"s to ryan, soma, diogo (for creating processwire and your help in this lovely forum) and to mademyday (for posting this on twitter, which made me read about processwire).
      Comments are welcome! Of course!
    • By thomassausen
      Hi,
      it seems to me there are some PW-users in Germany, but is there a community site in progress? I am using ExpressionEngine for 5 years now. I did several client projects but had difficulties to "sell" EE to clients. ProcessWire could be my next main-CMS. At the moment I rebuild some of my old sites with ProcessWire. Yesterday I talked to a web agency about PW. They said "Well, PW seems to be great but it's unknown in Germany. We do have work for WordPress, Contao or Joomla." I showed them http://webkrauts.de/artikel/2012/processwire but their reaction was like "Ok, nice. But can you do the next project with Contao or WordPress? Because our clients heard about these CMS before."
      ExpressionEngine has similiar problems in Germany, but costs money. I worked on a german Community-site für ExpressionEngine, but then EllisLab changed their pricing structure and philosophy. So I'm leaving EE and there will probably never a german EE-site. But what's about a german Community site? Is anybody working on this or would like to participate?
      -Thomas
×
×
  • Create New...