CLIENT

Mountain Tools*

DATE

May 2025 - June 2025

SERVICES

Web Design · UI · UX · Design System

Competitor review give us insights about the lack of simplicity for the supposedly a simple tool. Long navigation, sub-optimal user flow, and clustered design are the contributing factor for a high initial fraction. We planned to develop this tools to be more natural to use even for a new user.

Product Background

Mountain Tools is a simple dev tools compiler. They offer group of tools such as text & data formatter, code formatting, and comparison. Mountain Tools is aiming for an all-in-one place for dev tools.

Proposed Solutions

Lower initial fraction is the main key for the success of this design, the proposed solution is to show all the tools category right in front of the home page. The tools page itself will utilize a split screen for before and after action with sidebar and switcher on the top. Design improvement we are looking for are clean and easy to understand design.

Key Solutions

Hero section of this website will actually have a demo of the tools inside, user will be able to try any tools, convert, and open editor page right from the home page.

More tools are available after user scroll to the cards of tool’s category. From there they can navigate to the editor page.

Editors page will be a single screen page where user can’t scroll unless there’s an overflow on the text editor. This page will consist of sidebar, switcher at the top, text editor at the center, and action bar below. Sidebar allow user to swiftly switch from one tools categories to the other. Action bar give you the recovery options to undo, redo, and clear but also to search and convert.

On top of the editors page, there are some actions user can do. The actions are copy, align, filter, text search, and upload files.

What’s next?

Testing the final concept with the actual target customer.

What I learned