Mashimashi
Mashimashi is a renowned consulting firm headquartered in Japan. Specializing in Design Thinking, the company organizes interactive workshops to help businesses devise innovative solution strategies.
Responsibilities:
Web design / Visual design
Duration:
Mar. 2021 - Apr. 2021
Responsive web design
As a result of Mashimashi's impressive growth, we have decided to seize the opportunity to overhaul our corporate website. Our revamped website will be easily accessible from both desktops and mobile phones, offering a user-friendly experience for individuals keen on exploring our wide range of products and services.
Design System
Mashimashi is a vibrant and dynamic creative firm that instills a sense of energy and trust. As a testament to their approach, the color scheme employed is rich, saturated, and bright, reflecting their innovative ethos. Emphasizing their role as attentive problem solvers, the company adopts a rounded font to express a down-to-earth and friendly image.
Web iteration
In the initial stages, the website employed an abundance of geometric shapes and symbols to maintain a sense of simplicity. Despite this, it failed to establish a meaningful connection with its users.
Our primary objective is to enrich experiences for teams and companies, and as such, we sought to infuse the website with a more human touch.
To achieve this, illustrations were incorporated into the final design to foster a stronger connection with people. The color scheme was meticulously selected to evoke a sense of warmth and closeness, aiming to create a welcoming and relatable ambiance for users.
Workshop
Since I joined the team, we organized two online workshops in Japan to test our MVP (DOWEL). Below are the banners that were displayed on the event website.
Takeaway
Embarking on the journey of designing a website for the very first time and teaming up with a front-end engineer has been both thrilling and demanding. It has involved delving into a multitude of intricacies and adhering to a set of guidelines to craft a captivating and seamless experience for the website's visitors.
Visual hierarchy
Designing a website begins with capturing the attention of users and ensuring that they comprehend the website's message. Achieving this relies on establishing a clear visual hierarchy. Neglecting this crucial aspect can result in confusion for users and make the content difficult to read.
Responsive web design
After conducting extensive research on user interactions with the website, I identified the need to implement modifications for improved readability and user experience across different screen sizes. Specifically, adjustments to the font size, image display, and navigation structure were required to ensure seamless usability on various devices.