Prayoga Creatives

Ux Design – Photography – Content – HTML/CSS

Summary

PROJECT BACKGROUND

Prayoga Creatives offers dance and visual art classes for kids and adults. They provide learning opportunities for artistic expression across generations all aimed at enhancing the artistic identity of our community. As a designer, I created responsive designs for mobile, web, and desktop. Along with designing I also conduct user research and usability testing sessions. I worked on identifying problems while working collaboratively with project/product managers to create solutions to best suit our customers needs.

Visit the site

Role

UI/UX Designer & Developer

Tools

Illustrator, Photoshop, Figma, WordPress

Year

2018

Background

CLIENT'S NEEDS

Prayoga Creatives wanted a simple website that allows their costumers to view classes/workshops that they offer, class schedules and contact page to reach Prayoga Creatives.

Process

EVOLVING THE LOGO

I refined the original Prayoga Creatives logo icon rather than replacing it. I redrew the icon on a 100×100 grid, creating a more solid and structured mark to anchor the rebrand on.

The logo mark combines Indian dancing pose and paint palette to communicate the essence of your brand. The typography, which features two contrasting fonts, is both professional and relaxed, perfectly reflecting the brand’s core values. I chose Gold colour as primary colour to reflect warm and energy. With this new brand direction defined, a style guide and other marketing collateral were created, such as stationery and social media graphics.

Process

SITE MAP

Below is the developed site map showing the list of pages within the website that are accessible to users. The website is meant to be simple and straightforward to provide customers with past work, services, and knowledge about the company.

Process

WIREFRAMES

Below are wireframes of the multiple pages within the website. It is a visual representation in a skeletal framework. The client wanted a consistent flow between the pages that focus more on the information and imagery.

Mockup

FINAL DESIGN