Initial Discussions

Crisp wanted to refresh their current UI design. Here are some of their old designs.

Exploration

We begin the design process with the discovery phase, exploring a design pattern that fits the client's expectations.

Implementation

We applied the design pattern to all Crisp screens based on the selected style.

Home Screen

The tabs were emphasized by adding shadow to show dimension. The click areas were made larger for convenient navigation. Bolder text aestheticized the design.

Chat Screen

We didn't make many changes on this page. The structure is maintained because it is already functioning effectively. For this screen, subtle color adjustments were made to enhance the user experience. For example, we made the red to be less obtrusive and gentler to the eyes.

Notifications Screen

While keeping a structure similar to the old design, we applied a more generous whitespace for this page to make it easier to read and enrich the visual experience.

Profile Screen

Also, keeping a similar structure, we added more whitespace for this page and icons to help users navigate more quickly. The availability function was moved closer to the navigation section to increase reachability.