WEBSITE DESIGN AND DEVELOPMENT: YOGAART.HU

Creating a responsive website featuring Hungarian and English versions by customising a WordPress premium template

We created a responsive website for YogaArt Műhely, featuring Hungarian and English versions by customising a WordPress premium template.

SERVICES

  • UX design
  • Web design
  • Web development

TEAM

  • Maria Amidi Nouri – UX-UI lead
  • Zsolt Szabó – web developer
  • Réka Fekete – web design (zwoelf.hu)
  • Attila Höfle – project manager

The client’s needs for the website were: content available in Hungarian and English, easy-to-use administrative interface, timetable with a class type filtering option, teacher profiles, gallery, rates, contact form, contact details, highlighting the benefits of doing Yoga.

The development consisted of customising a premium WordPress template. The advantages of a premium WordPress template are: cost-effectiveness (the template costs USD 59), the template features the incorporated functions (timetable, teacher profiles, slider, etc.) which the client requested, so minor development adjustments were needed.

 
Weekly view of the yoga classes, the classes can be filtered by class types

Weekly view of the yoga classes, the classes can be filtered by class types

 

The drawbacks of a premium WordPress template is bigger conceptual changes can only be implemented by substantially rewriting the template, which may greatly increase the cost of development. We chose the WordPress template based on the following considerations: theme sophistication – in terms of design and UX, quantity and quality of integrated functions and plugins, theme documentation, user ratings, speed and quality of support.

We used Asana as our project management tool and Slack and Skype for communication between team members, and also held weekly status meetings.

The client (Yoga Art Műhely founder Kriszta Zsóvár) had little background material and only gave us an outlined brief; at the kick-off meeting, we finalised the cornerstones of the design process in terms of design and UX. We initially held a face-to-face meeting with the client to specify the finer points of the brief and to understand the client’s business needs. We then mainly used email to communicate, but met several times with the client to discuss her business needs and concepts while we continuously fine-tuned and specified the brief during the design and development phase.

 
Trainer list

Trainer list

 

Before launching the website we showed the basic WordPress functions to the client in person (uploading and editing content, adding images, basic settings, etc.); this is where the unquestionable advantage of the WordPress CMS (content management system) became clear: a logically structured and intuitive administrative interface. Thanks to this approach, the client only required minimal support for editing content and for the general use of the website once it went live.

 
Prices

Prices

 

The project was concluded on schedule thanks to the effective task management methods used throughout the design and development processes as well as the well-designed template and quick support provided by the creators of the template. The template relatively required minor adjustments to provide the perfect user experience.

 
Yoga classes can be filtered by different categories

Yoga classes can be filtered by different categories

 

Developing the website using a bespoke CMS would have roughly tripled the budget and the time without guaranteeing the same standards as the current solution.

 
The error messages are highlighted in a way that is easier for the user to comprehend

The error messages are highlighted in a way that is easier for the user to comprehend

 

Overall, we created a WordPress-based responsive website which meets our client’s needs. It’s optimised for mobile devices, easily editable and manageable and outstands from the other similar websites in Hungary in terms of design, functionality and UX.

 

Further screenshots:

 
Opening page

Opening page

 

yogaart.hu_testimonials_ENG

 
Yoga class details

Yoga class details

 
Timetable

Timetable

 
Menu items

Menu items

 
Contact form

Contact form