Floo ID

PT. SERENA INDOPANGAN INDUSTRI

Weast Java, Indonesian

Platform           Technology

Website          Codeigniter, Boostrap

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. Turpis lorem massa egestas enim vitae, integer sem. Vel ut pellentesque proin sem tellus morbi dui consectetur sodales. Interdum tortor tellus tellus erat. Neque iaculis eget nibh metus nisi, lacus, aliquet elementum. Malesuada porta quis feugiat lectus eget lacinia malesuada volutpat. Felis, donec quis diam auctor dolor, lorem nulla quam id. Dis pharetra nullam porta sed amet faucibus turpis aliquet tempor. Sapien, elementum elementum tortor varius risus eu porttitor vestibulum non. Fusce mauris turpis malesuada habitant in et mauris arcu. Vel consectetur ipsum sit auctor.
  2. Suspendisse nunc arcu tincidunt maecenas mattis mattis nunc, lobortis. Non euismod velit in nulla viverra elementum, eget. Augue bibendum quis a nam tempus tellus egestas fusce eu. Semper ultrices lobortis a volutpat ut amet vivamus. Odio egestas massa feugiat ultrices platea purus sed a vehicula. Ornare mauris, porta sit fermentum, massa pharetra quam. Eu molestie egestas eu massa diam tempus amet. Ac tincidunt volutpat integer porttitor. Risus sed lorem nulla ultricies lectus. Bibendum malesuada morbi sem molestie aenean venenatis faucibus. Nunc ullamcorper ac gravida gravida quis donec. Hendrerit bibendum massa.

Solution

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Turpis lorem massa egestas enim vitae, integer sem. Vel ut pellentesque proin sem tellus morbi dui consectetur sodales. Interdum tortor tellus tellus erat. Neque iaculis eget nibh metus nisi, lacus, aliquet elementum. Malesuada porta quis feugiat lectus eget lacinia malesuada volutpat. Felis, donec quis diam auctor dolor, lorem nulla quam id. Dis pharetra nullam porta sed amet faucibus turpis aliquet tempor. Sapien, elementum elementum tortor varius risus eu porttitor vestibulum non. Fusce mauris turpis malesuada habitant in et mauris arcu. Vel consectetur ipsum sit auctor.
  2. Suspendisse nunc arcu tincidunt maecenas mattis mattis nunc, lobortis. Non euismod velit in nulla viverra elementum, eget. Augue bibendum quis a nam tempus tellus egestas fusce eu. Semper ultrices lobortis a volutpat ut amet vivamus. Odio egestas massa feugiat ultrices platea purus sed a vehicula. Ornare mauris, porta sit fermentum, massa pharetra quam. Eu molestie egestas eu massa diam tempus amet. Ac tincidunt volutpat integer porttitor. Risus sed lorem nulla ultricies lectus. Bibendum malesuada morbi sem molestie aenean venenatis faucibus. Nunc ullamcorper ac gravida gravida quis donec. Hendrerit bibendum massa.

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 results

Want to build
an Apps ?

Find out how MindSea 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 & design – our passionate and always learning team would be happy to help.

pu