FLOO ID

PT SERENA INDOPANGAN INDUSTRI

Platform

Technology

Website

Codeiginiter, Bootstrap

PT. Serena Indopangan Industri (Serena) is one of the oldest biscuit factory in Indonesia. They began
their first factory in 1970 in Ciracas, East Jakarta. In 2014, we helped Serena to redesign and redevelop
their website ( serena.id ). We believe the simple but elegant design that we built can last for a long time.

The Project

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ornare integer a euismod. Quam dolor nunc, laoreet ultrices ipsum lectus. Ac risus nulla est diam dictum habitant. Imperdiet pulvinar habitasse tellus in cursus mauris, leo vitae. At scelerisque sed nibh accumsan. Cras in nisl integer tempor. Mauris adipiscing id vitae, ut nisi viverra lectus id. Pellentesque ut lacus nunc ac malesuada consectetur pulvinar. Ut et, arcu sed vitae nam sapien convallis diam nulla. Diam accumsan quam quis mollis a egestas mattis. Elit etiam enim egestas mauris, et. Consectetur dignissim ut faucibus id at dui, placerat.

Quam accumsan non in purus tristique. Ac dictum consectetur molestie et magna risus, at et commodo. Morbi ante non convallis dictum pellentesque etiam sed. Sem quis consequat quis et erat aliquam, pellentesque pretium, sit. Id dictum orci, gravida odio leo. Elementum sed velit quis purus ut eget. Dictumst ut sit dolor amet.


Risus scelerisque viverra tristique tempus quisque imperdiet. Parturient mauris cum purus, id ut dui amet semper. Placerat tellus ut aliquam id.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ornare integer a euismod. Quam dolor nunc, laoreet ultrices ipsum lectus. Ac risus nulla est diam dictum habitant. Imperdiet pulvinar habitasse tellus in cursus mauris, leo vitae. At scelerisque sed nibh accumsan. Cras in nisl integer tempor. Mauris adipiscing id vitae, ut nisi viverra lectus id. Pellentesque ut lacus nunc ac malesuada consectetur pulvinar. Ut et, arcu sed vitae nam sapien convallis diam nulla. Diam accumsan quam quis mollis a egestas mattis. Elit etiam enim egestas mauris, et. Consectetur dignissim ut faucibus id at dui, placerat.

Problem

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ornare integer a euismod. Quam dolor nunc, laoreet ultrices ipsum lectus. Ac risus nulla est diam dictum habitant. Imperdiet pulvinar habitasse tellus in cursus mauris, leo vitae. At scelerisque sed nibh accumsan. Cras in nisl integer tempor. Mauris adipiscing id vitae, ut nisi viverra lectus id. Pellentesque ut lacus nunc ac malesuada consectetur pulvinar. Ut et, arcu sed vitae nam sapien convallis diam nulla. Diam accumsan quam quis mollis a egestas mattis. Elit etiam enim egestas mauris, et. Consectetur dignissim ut faucibus id at dui, placerat.
  2. Quam accumsan non in purus tristique. Ac dictum consectetur molestie et magna risus, at et commodo. Morbi ante non convallis dictum pellentesque etiam sed. Sem quis consequat quis et erat aliquam, pellentesque pretium, sit. Id dictum orci, gravida odio leo. Elementum sed velit quis purus ut eget. Dictumst ut sit dolor amet.
  3. Risus scelerisque viverra tristique tempus quisque imperdiet. Parturient mauris cum purus, id ut dui amet semper. Placerat tellus ut aliquam id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ornare integer a euismod. Quam dolor nunc, laoreet ultrices ipsum lectus. Ac risus nulla est diam dictum habitant. Imperdiet pulvinar habitasse tellus in cursus mauris, leo vitae. At scelerisque sed nibh accumsan. Cras in nisl integer tempor. Mauris adipiscing id vitae, ut nisi viverra lectus id. Pellentesque ut lacus nunc ac malesuada consectetur pulvinar. Ut et, arcu sed vitae nam sapien convallis diam nulla. Diam accumsan quam quis mollis a egestas mattis. Elit etiam enim egestas mauris, et. Consectetur dignissim ut faucibus id at dui, placerat.

Solution

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ornare integer a euismod. Quam dolor nunc, laoreet ultrices ipsum lectus. Ac risus nulla est diam dictum habitant. Imperdiet pulvinar habitasse tellus in cursus mauris, leo vitae. At scelerisque sed nibh accumsan. Cras in nisl integer tempor. Mauris adipiscing id vitae, ut nisi viverra lectus id. Pellentesque ut lacus nunc ac malesuada consectetur pulvinar. Ut et, arcu sed vitae nam sapien convallis diam nulla. Diam accumsan quam quis mollis a egestas mattis. Elit etiam enim egestas mauris, et. Consectetur dignissim ut faucibus id at dui, placerat.
  2. Quam accumsan non in purus tristique. Ac dictum consectetur molestie et magna risus, at et commodo. Morbi ante non convallis dictum pellentesque etiam sed. Sem quis consequat quis et erat aliquam, pellentesque pretium, sit. Id dictum orci, gravida odio leo. Elementum sed velit quis purus ut eget. Dictumst ut sit dolor amet.
  3. Risus scelerisque viverra tristique tempus quisque imperdiet. Parturient mauris cum purus, id ut dui amet semper. Placerat tellus ut aliquam id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ornare integer a euismod. Quam dolor nunc, laoreet ultrices ipsum lectus. Ac risus nulla est diam dictum habitant. Imperdiet pulvinar habitasse tellus in cursus mauris, leo vitae. At scelerisque sed nibh accumsan. Cras in nisl integer tempor. Mauris adipiscing id vitae, ut nisi viverra lectus id. Pellentesque ut lacus nunc ac malesuada consectetur pulvinar. Ut et, arcu sed vitae nam sapien convallis diam nulla. Diam accumsan quam quis mollis a egestas mattis. Elit etiam enim egestas mauris, et. Consectetur dignissim ut faucibus id at dui, placerat.

Process

This is the wireframe that we use to confirm the structure and the layout of the pages to the client.

Result

Here is patial view of the finished and approved UI / UX result

Want to build an Apps?

Find out how Floo can help you bring an app to life with a mobile blueprint or give new life to an old app. Whether you’re looking for Android app development & design or iOS development & dsign our passionate and always learning team would be happy to help.

Scroll to Top