Inipagi

Beloved Website v.4

We have been around since 2014, providing our icon and illustration design services for clients overseas.

In 2019, as we entered a whole new world of user interface design, we decided to implement what we have learned on our website as our first and continuous assignment.

Previous versions

Since our start we’ve had our own website. However the functionality of the initial versions of our website is very limited only as a landing page to displaying a short bio and a method to contact us.

Version 2
Version 3

Current Version

Using the early versions of our website as the basis of the development, we develop the landing page into a homepage and set the focus of our design to give the new website broader functionality that give us a space to display our portfolio, profile, and contact. All in one place.

Version 4

UX Phase

Menu Architecture

Homepage Architecture

Wireframe

Low Fidelity

UI Phase

Using results from the previous steps, we designed the interface of the website under one condition that the flow should be simple, clear, and non-distracting.

Color Scheme

A set of colors is chosen and combined with our primary brand colors to display our value of fresh and fun.

Illustrations

We use illustration to show the state of a page and what it is about.

Mainly, there’s a band of three characters in our illustrations, representing our services as a design studio. Occasionally, we also use different object and/or character to adapt to different contexts.

Landing Page Illustration
Service Page Illustration
Contact Page Illustration

Banners, respectively for “Our Studio,” “Our Service,” and “Our Work” pages.

High Fidelity

Results

Like what you see?

© Inipagi Studio

Inipagi

Beloved
Website v.4

We have been around since 2014, providing our icon and illustration design services for clients overseas.

In 2019, as we entered a whole new world of user interface design, we decided to implement what we have learned on our website as our first and continuous assignment.

Previous versions

Since our start we’ve had our own website. However the functionality of the initial versions of our website is very limited only as a landing page to displaying a short bio and a method to contact us.

Version 2
Version 3

Current Version

Using the early versions of our website as the basis of the development, we develop the landing page into a homepage and set the focus of our design to give the new website broader functionality that give us a space to display our portfolio, profile, and contact. All in one place.

Version 4

UX Phase

Menu Architecture

Homepage Architecture

Wireframe

Low Fidelity

UI Phase

Using results from the previous steps, we designed the interface of the website under one condition that the flow should be simple, clear, and non-distracting.

Color Scheme

A set of colors is chosen and combined with our primary brand colors to display our value of fresh and fun.

Illustrations

We use illustration to show the state of a page and what it is about.

Mainly, there’s a band of three characters in our illustrations, representing our services as a design studio. Occasionally, we also use different object and/or character to adapt to different contexts.

Landing Page Illustration
Service Page Illustration
Contact Page Illustration

Banners, respectively for “Our Studio,” “Our Service,” and “Our Work” pages.

High Fidelity

Results

Like what you see?

© Inipagi Studio

Inipagi

Beloved Website v.4

We have been around since 2014, providing our icon and illustration design services for clients overseas.

In 2019, as we entered a whole new world of user interface design, we decided to implement what we have learned on our website as our first and continuous assignment.

Previous versions

Since our start we’ve had our own website. However the functionality of the initial versions of our website is very limited only as a landing page to displaying a short bio and a method to contact us.

Version 2
Version 3

Current Version

Using the early versions of our website as the basis of the development, we develop the landing page into a homepage and set the focus of our design to give the new website broader functionality that give us a space to display our portfolio, profile, and contact. All in one place.

Version 4

UX Phase

Menu Architecture

Homepage Architecture

Wireframe

Low Fidelity

UI Phase

Using results from the previous steps, we designed the interface of the website under one condition that the flow should be simple, clear, and non-distracting.

Color Scheme

A set of colors is chosen and combined with our primary brand colors to display our value of fresh and fun.

Illustrations

We use illustration to show the state of a page and what it is about.

Mainly, there’s a band of three characters in our illustrations, representing our services as a design studio. Occasionally, we also use different object and/or character to adapt to different contexts.

Landing Page Illustration
Service Page Illustration
Contact Page Illustration

Banners, respectively for “Our Studio,” “Our Service,” and “Our Work” pages.

High Fidelity

Results

Like what you see?

© Inipagi Studio