PhiAcademy

The challenge

‍

Key goal in the Discovery phase was to organize pages on the website so they represent several parts of the business. Phi academy is famous by their courses but there is much more that should be showcased and information architecture needed to achieve this goal in an intuitive and seamless way.

‍

Key deliverables

• Branding
• Web design
• Custom web development and 3rd party integrations

‍

Branding

‍

Elegance and luxury is in the center of design decisions related to the look & feel. Combination of the gold and black was non-negotiable, dynamic feel is made with sections with white background. We can't miss to mention font selection. SaolDisplay family in combination with more conservative Arimo make a good balance and add to that sophisticated feel.

‍

Web design

‍

Animation in the hero section on the Home page as a way to lave strong first impression. It was carefully executed in development and thoroughly planned to work with the logomark. Simple navigation in the header opens the door of the Phi world so courses, Hexaplan and PhiMap could be easily found. Dynamic mix of black and white sections, with the beige contribute to the modern and attractive look & feel.

‍

Custom web development

‍

Pixel perfect execution of the design prototype was the first goal achieved in the development phase. Interactive PhiMap with filters was the way to showcase world wide presence in a dynamic manner.