Achieving Interactive-Transactional Stage, A Study of Homepage Design


Surabaya is one of the smart cities in Indonesia that implements e-governance as an interactive-transactional presence stage according to UN ranking criteria. The Surabaya government itself has a portal ( which has various interactivetransactional services for its users. has an unusual homepage appearance, in the form of the Surabaya city landscape, using flat design style. An ideal homepage design should be suggestive of the website’s contents for the users. This design style is already trending for UI but this article uses qualitative-descriptive analysis to determine whether the website’s homepage design is able to reflect the egovernment stage that has been achieved by the Surabaya city government. The study compares the Surabaya design to ideal interactive homepage design criteria. This study was meant to help the Surabaya city government develop its website. Results show that some improvements are needed, particularly in the identity section. In addition, more appropriate use of flat design to strengthen visibility and present illustrations showing the city government readiness to serve users interactively-transactionally, together with a search tool and add supporting features allowing communication with users.

Keywords: interactive, transactional, design, homepage

[1] Wahid, F. (2008). Evaluating focus and quality of Indonesian e-government websites. Paper represented at National Conference on Application of Information Technology, Yogyakarta, Indonesia.Yogyakarta: SNATI.

[2] Krause,J. (2014). Visual Design: Ninety-Five Things You Need To Know. Told In Helvetica And Dingbats. Amerika: Adams Media.

[3] Moule, J. (2012). Killer UX Design.Melbourne:SitePoint.

[4] Yalanska, M. (2017). Flat Design. History, Benefits, and Practice.

[5] Patel, N. (2011). The Anatomy of an Effective Homepage.

[6] Febriani, R.(2016).Gambaran e-Government di Indonesia yang Bersistem Desentralisasi Ditinjau dari Performa Situs Web Pemerintah Daerah. Nirmana, vol. 16, issue 1, pp. 64–72.

[7] Velthoven. W. (1997). Website graphics the best of global site design (Liesbeth D. B., Geert J. S. and Willem, V. Ed.).USA: Thames & Hudson.

[8] Blue compass.(2018).Flat 2.0: Why your Website Need This Design Update. retrieved March 27, 2018.

[9] Global e-Government Readiness Report. (2005). United Nations.

[10] Afr.(2019). Surabaya gets Kompas smart city award, adds to lists of prizes. The Jakarta Post.