ENGEN Studio

ENGEN Studio

ENGEN Studio

ENGEN Studio


Loading ...
Shope App 1


Shope is a general-purpose e-commerce application where you can buy anything ranging from electronics product to daily utilities. There are many e-commerce apps and websites out here in the market, but what makes Shope different from all other competitors is that it’s fun to use and has a modern interface. One of the main requirements from the team at Shope was for this app to be as beautiful as possible without losing functionality. Their main agenda was to design something that users always remember and is unique from other apps.

  • Service

    UX/UI Design & Development

  • Industry


  • Published​

    January 8th 2018

Frame 39450 1643085059795 1
Frame 39451 1643085061563 1

The business goal was straightforward, Shope wanted to make an e-commerce app that’s entirely different from its competitors in the sense of design and experience. They wanted to make the app memorable for customers through its modern-looking interface and micro-interactions.

UX: more options, more problems

There are tons of e-commerce apps already available in the market. If a user wants to spend their time on downloading and installing the app, then it should differ from all other apps and have all the functionalities. It should follow the basic e-commerce app workflow so that users can understand the app easily.

1 Sgkc9Kg8Zee5Nsl0Hfun6G@2X 1
1 Usnwmqhxsesf5Sc6Yk Tya@2X 1


After weeks of research and analysis, we created a functional user workflow. ENGEN followed the general workflow of popular e-commerce apps, making a few subtle changes along the way. People love familiarity and we didn’t want to steer too far away from what the consumer is traditionally used to.

1 Rd9My1Gsyqk4Q8 2R I Oa 1

We started by defining core components that could be leveraged while creating a UX architecture that is data-driven and has a reusable application core. This framework enabled applications to wrap the application core, yet provide App-specific initialisation, tasks, and UI components.

1 Ylmukhardtprmz Sto4C1G 1


From the usability test, we iterated a high fidelity prototype. The branding was also enhanced in the design stage and we went through three phases of the interactive prototype before being satisfied with the overall UI. We combined market research, customer personas and existing customer data to create a hyper-targeted digital design that converts.

478652135075415.61E1334Bb4635 1
Frame 39409 1643085049059 1
E18251135075415.61E1334Bb3B9E 1
Frame 39412 1643085050048 1

A fluid visual user experience with creative visual solutions.

Combining client research along with our own user research, we created a visual representation of the key messages and trigger points for incentivising action. This helped both teams easily recognise the moments that matter within the user journey flow.

Frame 39415 1643085053694 1
Frame 39416 1643085055402 1