UX Re-Designing for Baudoin Wash System’s Website

Judith Novia Tanta


The purpose of this paper is to  re-design the user experience especially in the interaction design on Baudoin current website in order to attract potential client for Baudoin washing system. The website itself cover more than usability problem, for example user interface problems. Moreover, finding the best approach for re-designing a website to be a web-shop also conducted throughout this report. Research question was formulated “How to re-design Baudoin’s website to be a web shop that is focused on the interaction design as well as following the latest UI/UX standard so that Baudoin can attract more potential client?“ was answered throughout this paper. The data was gathered by combining quantitative and qualitative approach to avoid bias result since the important conclusion was compiled by user testing and observing the user itself in qualitative way. It can be learned that understanding the elements that need to be re-designed combined with understanding the user needs was essential throughout the process to reach the real expectation of the user. Improving the usability of the website itself.



re-designing, website, usability, Baudoin washing service re-design, understanding user, user experience, user interaction

Full Text:



Babich, N. (2017, December 10). Articles of design and development. Retrieved from Smashing magazine: https://www.smashingmagazine.com/2017/12/building-better-ui-designs-layout-grids/

Bradley, S. (2013, june 3). Why you should design with grids. Retrieved from Vanseo design: https://vanseodesign.com/web-design/why-grids/

Carhil, C. (2019, January 21). Ui design tool. Retrieved from Creative Blog: https://www.creativebloq.com/how-to/20-best-ui-design-tools

Chapman, C. (2010). Retrieved from web designer depot: https://www.webdesignerdepot.com/2010/01/the-simplicity-of-helvetica/

Chapman, C. (2010). Retrieved from https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/

chapman, c. (n.d.). neil patel. Retrieved from https://neilpatel.com/blog/build-a-sitemap/

Charlton, G. (2019, January 15). Retrieved from Userzoom ux company: https://www.userzoom.com/blog/ecommerce-ux-trends-2019/

Charlton, G. (2019, January 15 ). Retrieved from User Zoom: https://www.userzoom.com/blog/ecommerce-ux-trends-2019/

Cotler, E. (2004). . Web Redesign 2.0: Workflow that Works (2nd Edition). New Riders .

Dietze, B. (2017, June 07). Understanding Sitemaps. Retrieved from Volusion: https://www.volusion.com/blog/the-easy-guide-to-understanding-sitemaps-and-page-indexing/

Elfalah, H. (2015). Utilizing ISO Guidelines to Improve Website Quality Gaps. 1.

esposito, E. (2018, may 29). Inside design blog. Retrieved from Invision: https://www.invisionapp.com/inside-design/low-fi-vs-hi-fi-prototyping/

Kotler, P. (2002). Manajemen Pemasaran, Analisis, Perencanaan Dan Pengendalian, Edisi 5. Jakarta : Erlangga.

krug, S. (2014). Don't make me Think. New Riders.

Kucheriavy, A. (n.d.). Retrieved from Intechnic: https://www.intechnic.com/blog/how-to-perform-a-swot-analysis-for-your-website/

Little, J. (2019, January 25). analytics. Retrieved from crazyegg.com: https://www.crazyegg.com/blog/high-bounce-rate/

Marcus, J. (2017 , January 31 ). Retrieved from Oberlo: https://www.oberlo.com/ecommerce-wiki/user-interface-ui

McCloskey, M. (2014, january 12). Retrieved from Nielsen Norman Group: https://www.nngroup.com/articles/task-scenarios-usability-testing/

Minhas, S. (2018, April 23). User Experience Design Process. Retrieved from UX Planet: https://uxplanet.org/user-experience-design-process-d91df1a45916

Morrison, M. (2016, 06 04). Retrieved from rapidbi: https://rapidbi.com/swotanalysis/

Nielsen, J. (1994). Ten usability principles. Retrieved from Nielsen Norman Group: https://www.nngroup.com/articles/ten-usability-heuristics/

Nielsen, J. (1999). Do Interface Standards Stifle Design Creativity? Retrieved from Nielsen Norman Group: https://www.nngroup.com/articles/do-interface-standards-stifle-design-creativity/

Nielsen, J. (2001, febuary 18). Retrieved from https://www.nngroup.com/articles/success-rate-the-simplest-usability-metric/

Pande, J. (2018, March 17). Blog of Prototypr . Retrieved from Prototypr.io: https://blog.prototypr.io/usability-on-budget-heuristic-evaluation-for-beginners-and-experts-3348df92529e

Rohrer, F. (2007, may 19 ). Retrieved from bbc: http://news.bbc.co.uk/2/hi/uk_news/magazine/6638423.stm

Sathik. (2019, Febuary 6 ). Developer on rent. Retrieved from Medium: https://medium.com/developeronrent/adobe-xd-vs-sketch-which-ux-tool-is-best-for-2019-848318471103

Schwarz, D. (2018, November 29). Best UI Design tool. Retrieved from UX tricks design: https://uxtricks.design/blogs/ux-design/best-ui-design-tools/

Starovoytov, M. (2018). USER INTERFACE DESIGN . Bachelor’s thesis.

Studio, T. (2018, august 31). Retrieved from https://uxplanet.org/15-hot-trends-in-ui-design-for-web-and-mobile-in-2018-eff86df6d868

Tow, H. (2019, March 5). Market segmentation. Retrieved from G2 Learn: https://learn.g2.com/market-segmentation

Uger, R., & Chandler, C. (2009). A Project Guide to UX Design. new riders.

UX Design and UI Design. (2019, febuary 24). Retrieved from UX Planer: https://uxplanet.org/what-is-ui-vs-ux-design-and-the-difference-d9113f6612de

Williams, S. P. (2019, January 10). UX collective. Retrieved from Medium: https://uxdesign.cc/will-adobe-xd-kill-sketch-and-invision-7fc4e562fc1a


  • There are currently no refbacks.