This thesis firstly presents the exploration of an engaging user interface and navigation design for local community mobile applications. Furthermore, it seeks for the best suitable tool for both rapid prototyping and production development. The research and content is structured based on design and creation research methodology which is a user-centric and iterative process. To evaluate the suggested interface design and the selected tool, an interactive prototype was developed in this thesis. The results argues that card-based user interface and navigation design has the potential to enhance user engagement. In addition, AngularJS as the selected tool is a suitable framework for rapid prototyping as well as production development.