Overview
Céleteque provides expert solutions that can answer the unique formula of your skin. This application was developed for the internal client of UNILAB for their promoters to help them sell the products to customers in retail stores.

Home

Products

About

Advice

Project Summary

My Role

My main task was to design the user interface of Celeteque's mobile application for promotional use. It's sort of the mobile version of their website basically, showcasing their product features, helpful skincare tips and whatnot. So we initially had a kick-off meeting to learn more about the project.
Solution
We had done some brainstorming before we got down to the design concept proposal, execution planning and such. From there, I was able to come up with the screenflow solution by doing a lot of rough sketches.
Sketches and userflow
So I printed out many copies of mobile outlines to be able to work smoothly on the information architecture. Usually, I'd just write down any idea that comes to my mind. Like from the interfaces to the interaction behaviour of each screen. Then I would approach my team to get a slew of ideas from them and narrow down the things that are doable. The first image below is one of the sketches i did to analyze the structure of my design and the second one is the userflow for the login process.
login userflow
Wireframes
Subsequently, I converted all my sketches to low and high fidelity wireframes to present our progress to the client. They didn't have much feedback, though. They just greenlighted everything that we suggested to implement since it's all simple and straight-forward. It was something they looked forward to seeing.
Mockups
This stage had been easy for me to accomplish when I was finally able to get everything I needed to convert all the screens into mockups. Apparently, the entire design was based on Celeteque's brand identity. I made sure that the color and all other design elements simply go along with the entire look and feel of the application.
sketches
Prototype
This prototype was created right after I finished working on the mockups. I had to present both phases to the Product Owner so they could see how it would look like after implementation. All in all, it had been a fun experience for me to be part of this project. I learned a lot from my team as I valued their opinions to be able to accomplish the tasks successfully.

Sample prototype

Tools I used:
Previous

iDentify