Let’s Work Together

Image Alt

Website Development Chennai

Website Development Chennai

Website Development Chennai

These amazing WordPress websites showcase the best of this popular CMS. When it first launched in 2003, WordPress was regarded as a basic blogging tool for amateurs. Very quickly it took off, becoming a fully fledged CMS that now powers millions of sites across the world. And creative professionals have been pushing the CMS’ boundaries to create complex and beautiful WordPress websites ever since.

To show you exactly what this incredible CMS can do, we’ve picked some of the best WordPress websites around. If this article inspires you to build your own WordPress website, these WordPress tutorials will help you get started.

01. Rafal Bojar

WordPress websites: Rafal Bojar

This photography portfolio uses WordPress alongside Vue.js

Designer Zhenya Rynzhuk used WordPress as a semi-headless CMS, with Vue.js for the front end, to create this engaging photography portfolio site for Rafal Bojar. It features a homepage that displays previews of selected stories, a slick grid to showcase all of Bojar’s work, and an ‘essence’ page explaining the photographer’s philosophy and approach.

The goal was to provide visitors with the unique experience and showcase Rafal’s amazing works,” says Rynzhuk. The pair discussed a few different backend options, but decided on WordPress so that the site would be easy to manage and regularly update with new projects.

Alongside WordPress and Vue.js, the site uses an S3 bucket to store data, which is delivered through Cloudfront to ensure speedy loading times. Rynzhuk also made use of Bedrock and Hendrik-Jan de Harder’s Vue skeleton, as well as GSAP for the animations.

02. Adel Vakula

WordPress websites: Adel Vakula

This model’s site is brimming with charming, campy humour

Adel Vakula is an internationally famous model from the Ukraine, and this promotional site for her arrives from fellow countrymen Yabloko ideas studio, who not only designed and coded it but created all the illustration work. The result is a gorgeously distinctive visual feast, spanning a number of painterly vignettes featuring our glamorous heroine.

From the opening cotton candy cloudscape that literally bubbles with subtle animations, Vakula stars in dreamy portraits designed to demonstrate a charismatic personality. It’s tongue in cheek stuff but done with such charm and technique that you can’t help but fall in love. Even the mouse pointer goes all heart shaped. Website Development Chennai

Built on WordPress CMS, a standout UI element is a fun section where you can drag and drop outfits onto a virtual Vakula to view real modelling snaps. As calling cards for possible castings go, this one strikes a more memorable pose than most.

Author: Mark Billen

03. Middle Child

WordPress websites: Middle Child sandwich shop

Middle Child is built on a completely bespoke WordPress theme – click the image to explore the site

Award-winning, Philadelphia-based sandwich shop Middle Child needed a website that matched its quirky, unpretentious vibe. Full-service design and technology studio Self Aware rose to the challenge, creating a site based on a completely bespoke WordPress theme using Timber and ACF – a combination that studio partner Mike Wagz calls “a game-changer for serious WordPress theme developers”.

Self Aware also made use of the latest web technologies in order to offer an optimal experience: the layout was created using CSS Grid, and a Service Worker caches static assets including CSS and JavaScript files in order to speed up initial load times.

Middle Child oozes atmosphere from every nook and cranny,” adds Wagz. “It warmly welcomes customers from all walks of life with just the right amount of fun, kitsch, and quirk. I think this design is successful because we were able to capture this spirit and translate it to the web.”

04. Sea Harvest

WordPress websites: Sea Harvest website on iPad

ED used a newspaper-style layout in its WordPress-based website for Sea Harvest

When Canberra-based seafood market Sea Harvest needed a new brand identity and smart digital presence to match, it turned to Australian web and branding agency ED. The WordPress website sports a striking newspaper-style layout with plenty of quirky touches to explore.

Replicating a static, print layout on the web wasn’t without its challenges, though. The team used CSS Flexbox to reposition content whilst maintaining consistent spacing, regardless of screen size.

Developer Bryn Shanahan’s favourite feature is the fact that users can ‘draw’ on the site, including via an interactive wordsearch. “We achieved this by covering the site with an HTML5 Canvas element, which was then used to draw the user’s drawings onto,” he explains.

ED uses WordPress for a lot of its website projects, finding it user-friendly and intuitive for clients. “[WordPress has] easy back end development, which allows more time to focus on front end to bring the design to life,” adds developer Adam Forcucci. “The ability to make it headless, using the WP Rest API, allows us to use frameworks such as React, which is becoming the core of our future development on the platform.”

05. Maxim Shkret

WordPress websites: Maxim Shkret

‘Melting Panda’ can be spun left and right

Based out of Saint Petersburg, Russia, Maxim Shkret is a freelance digital artist. His impressive WordPress website marries portfolio to ecommerce marketplace, launching a novel fundraising initiative.  Website Development Chennai

By clicking the ‘Buy this shot’ button, visitors can purchase a digital image at various dimensions for various prices.

Site production credits include New York’s Sochnik Design Studio, but the slick UI efforts never overshadow Shkret’s talent. This includes a simple Gallery section of still sculpture shots that ripple and wave through a watery filter. It’s a subtle effect, but heightens the sense of texture Shkret intends to give each piece.

06. KOBU

WordPress websites: KOBU creative agency

The website for KOBU opens with an undulating lava lamp-style homepage

Portfolio sites, unsurprisingly, continue to provide some of the web’s most fertile ground for creative expression and inspiration. This online calling card for Portuguese agency KOBU follows that ethos with a tasteful, restrained WordPress website that still bubbles with character. Calling itself a ‘brand laboratory’ that is unafraid of experimentation, the technical work here demonstrates imagination over complexity.

The zenith, though, is probably the bit we see first, opening on an undulating lava lamp-style header produced by manipulating SVG paths. Utilising the anime.js plugin, a polyvalent JavaScript animation engine, it’s an eye-catching trick for establishing colour palette, if nothing else.

Author: Mark Billen

07. noformat

WordPress websites: noformat homepage

noformat’s homepage has plenty of immediate impact

noformat is a strategic design studio based in New York. The homepage features an animated eyeball design that follows the visitor’s cursor around the screen, while overlaid text cycles through all the things noformat can create. To create the eyeball, the team first explored the design in After Effects CC, before using three.js to build an interactive version, explains Ian Brewer, founder and creative director of noformat.

Website Development Chennai

The rest of the site lives up to the impact of that first page, with slick on-scroll transitions and subtle parallax effects showing off tech skills without impacting usability. 

“We chose WordPress for our site for speed to launch, and flexibility,” explains Brewer. “Over the years we have built our own libraries and module-based editing systems that allow us to create or edit a site faster than any other CMS solution.”

Article Source : CreativeBlog

Generate CSS – the conference for web designers: 26 September, Rich Mix, Shoreditch, London

Read more:

Add Comment