Jump to content
AndZyk

CDS Service

Recommended Posts

5908c69da5ec5_www.cds-service.com-(1280x1024).thumb.png.c84bda7df11712c7bbc6707e99edc65a.png

The CDS Group is an established service partner of leading manufacturers and trading partners in the IT and high-tech sector. We relaunched their service website using the latest ProcessWire. Building this website was fun, especially because of the latest additions to ProcessWire, like the recently introduced markup regions and AdminThemeUIkit. It is really easy to brand the new admin theme with a few lines of code, in my case 7 (see a glimpse in the screenshot below). Besides that, this website makes heavy use of the Repeater Matrix, to be as flexibel as possible. The front-end was build with Bootstrap 3 and the icons used are an custom icon font generated with the IcoMoon App. For a better usability, every textarea can be edited in the front-end.

www.cds-service.com

Modules used:

  • AdminThemeUIkit
  • Front-End Page Editor
  • Repeater Matrix
  • ProCache
  • Markup Sitemap XML
  • Email Obfuscation (EMO)
  • Database Backups
  • Jumplinks
  • Tracy Debugger

Regards, Andreas

www.cds-service.com-processwire.thumb.png.1507208fc57698aa567bf0582a092a07.png

 

  • Like 10

Share this post


Link to post
Share on other sites

Very nice work, Andreas! And the admin looks great too!

One suggestion: consider enabling http/2 on the web server as you are already using SSL. It will help a lot on reducing the assets download time.

Edited by Sérgio
Changed 'speed' for 'time'
  • Like 1

Share this post


Link to post
Share on other sites

Thank you for the kind words. :)

1 hour ago, Sérgio said:

One suggestion: consider enabling http/2 on the web server as you are already using SSL. It will help a lot on reducing the assets download speed.

I totally forgot about http/2. I will look if it is possible to enable http/2 on the server. ;)

Share this post


Link to post
Share on other sites

The #hero parallax slows down scrolling a lot. I would remove it because it doesn't add too much value (it's almost invisible), or  use "background-attachment: fixed" (from desktop size).

Share this post


Link to post
Share on other sites

Sorry to here that. I never noticed a major slow down. I think this is probably hardware related. Could you please share your specs (OS, Browser, Display size), so I could look into that? I wouldn't like to remove this effect.

Share this post


Link to post
Share on other sites

It's Win 8.1, Chrome 57, full hd, 2gb vga ram, i5 8gb ram. It's also present here in Firefox, if I scroll over the parallax section the scrolling gets better.  CPU also goes up to 30-40% if I scroll up and down a few times.

Unfortunately we can't know the specs of the end users so I usually go with the lightest solution possible :)

  • Like 1

Share this post


Link to post
Share on other sites

The site looks good. I only see a few issues with the English version.

Partner section on front page is not translated. 
Under Software>Control, Utliising is misspelled.
Weblounge page is not translated.
Images under Solutions initially take a long time to load.

I like what you did with the site. It is clean and easy to follow. Nice work!

  • Like 1

Share this post


Link to post
Share on other sites

Nice design @AndZyk! What I noticed is the ginormous CDS svg logo. I guess it was just converted from some font, which is not always a good idea as it can generate a lot of points. These letters could be re-drawn using a lot less points.

Share this post


Link to post
Share on other sites

Update: on win10, 16gb ram, i7, full hd, Chrome 57 (desktop machine) scroll is OK. But the parallax effect is so tiny that it's the same as it weren't there.

Share this post


Link to post
Share on other sites

Thank you all for your feedback. ;)

@rick

16 hours ago, rick said:

Partner section on front page is not translated. 
Weblounge page is not translated.

The translations will follow over the next days.

16 hours ago, rick said:

Under Software>Control, Utliising is misspelled.

Thank you, I have corrected this.

@Robin S

15 hours ago, Robin S said:

Nice site. @rick mentioned the slow loading of some images.

You both are right. I drilled it down a bit and removed the largest variation for desktops.

@szabesz

9 hours ago, szabesz said:

I noticed is the ginormous CDS svg logo.

I have forgotten to run the logo through SVGO. Now it is smaller.

@tpr

7 hours ago, tpr said:

But the parallax effect is so tiny that it's the same as it weren't there.

I know it is really subtle, for now I want to leave it in there, because it adds a nice touch. But I get your point.

  • Like 3

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 prestoav
      This is our latest site using PW. Most of the grunt work is done with core modules but ProCache makes sure everything is super fast and the core image resize function was deployed everywhere an image is used to make sure everything stays looking good.
      The site uses a premium theme for it's graphical layout with colours and some typography changed to match the companies in-house style. Page templates themselves are hybrids using bespoke collections of the content blocks in the theme. A 'site settings' page is was added to the admin which collects and allows edits to site wide details such as phone number, email, GA code and main menu items etc.
      Comments welcome!
      http://www.brownhensolutions.com/
    • By AndZyk
      After I discovered the SerivceWorker spec, which was demonstrated really funny and informative in this panel, I wonder if it is possible to combine it with ProcessWire?
      Is it possible to make offline websites with ServiceWorker and ProcessWire combined? Because you still would need a server to serve the PHP files or does it only work with static HTML files?
      This question is maybe silly, but I would like know if anybody has experience with this new spec so far. 
      Regards, Andreas
    • By tsdtsdtsd
      Hi,
      i just launched my litte blog orkork.de
      It's a german blog about nerdy topics like IT, development, photography, games, movies and more.
      Responsive design, built on top of bootstrap.
      Different teaser types and widgets are configurable in the backend, for every category node.
      I use require.js for the internal js stuff and use gulp as a building tool for less compilation and css/js minification.
      unveil.js manages lazy loading of images, including retina versions.
      Though, it's not heavily optimized yet, but you have to start somewhere
      I would love to get some feedback, if you have any!
      Cheers

×
×
  • Create New...