Our role in the project

User experience

  • Innovation Consulting
  • Research
  • UI/UX Audit
  • Stakeholders workshop
  • Product strategy
  • Rapid prototyping

User interface design

  • UI/UX Design
  • Visual design
  • Website design
  • User testing

Development

  • HTML/CSS/JS
  • Wordpress VIP theme development

Post-Launch

  • UI/UX Audit
  • Stakeholders workshop

Technology Used

icons8 wordpress 1
WordPress
icons8 html 5 1
HTML
Icons8 Sass
Sass
Icons8 Jquery
jquery
icons8 babel 1
Babel
Acf Logo 1
Advanced custom fields

Define Requirement

Problems
Icon User

User Problems

User Problems

The website for GRAZIA was visually dull. The client sought to improve the user experience for both members as well as the general public. EB Pearls designed the end product uniquely and used both interactive pictures and thumbnails that appeal to users.

Nc Mobile Artboard

Process

With the client, we went through different processes to understand the project. We went through the user flow diagram, app development language, and framework and tried to map how it should all work, making a lot of changes.

Icons8 List View 1

Backlog creation

Backlog creation

We also developed a well-prioritized agile backlog to make release and iteration planning easy, this communicated all the things that the team planed to spend time on. Once the backlog was created, it was regularly maintained to keep pace with the project.

Icons8 Broadcasting 1

Backlog grooming

Backlog grooming

During this process, the feedback from the client was collected. This resulted in adjusting, adding, design and workflow sketches, and so on. This also allowed us to understand what tasks to prioritise and also to track the project progress.

grazia web design responsive grazia web design

Wireframe

Design

Design Sprint

Design Sprint

The design sprint of this project assured all the team members were on the same page, this resulted in a successful collaboration of the team. Furthermore, performance, plan, and progress were shared with the client by the prototyping and testing of solutions.

Icons8 Broadcasting 1

Internal Testing

Internal Testing

To get feedback and improve further, internal testing was done. After the testing, the most important goal we kept on our mind was easy navigation to reach the desired screens, as well as the uniformity in the screens.

Colours

Group 358

Typography

Group 304

Development Sprint

Web Design

Sprint Planning

Sprint Planning

Once the product owner described the objectives of back log and sprint, our scrum team performed all the steps in the sprint. Additionally, the development team planned the essential tasks needed to meet the sprint goal.

Group 721 1 Rectangle 91 1

Unique Features

  • User experience for business success: The highlight of our collaboration also included an analysis of GRAZIA’s user experience strategy. EB Pearls assessed the current offering and suggested improvements and executed on the build. One such example of this improvement was the continuous scroll on the article page. We improved the typical paradigm by having the next listings to load beneath the article, keeping in mind that users may not necessarily be interested in the next article, but can easily navigate through additional articles without having to go back. 
  • Publishing made easy: It was important to keep backend administration in mind. WordPress VIP’s platform is famously intuitive to use and EB Pearls took advantage of this simplicity to ensure that day-to-day management of the site was as seamless as possible. However, in addition to the standard considerations, EB Pearls also had to consider some unique requirements of GRAZIA’s website management.
Wordpress VIP Website design for Grazia
Group 721 Rectangle 91

Retrospective

The delivered website is one that was polished and met expectations perfectly. GRAZIA and EB Pearls continue to work together on a retainer basis to improve the site.

Learning

Learning

Learning

One of the major lessons we learned was that even if we are implementing something new to the audience, we need to be flexible enough to cater to other audiences as well. Furthermore, we also created too many business rules for avoiding loopholes, that it made it rigid for the admin or the sales agent if something changes.

Growth

Next steps

Next steps

After the website is developed, we regularly communicate with the client and we are always available for future maintenance and are committed to ongoing support. Moreover, we are monitoring the features that have been released.