MantisNLP is an AI consultancy focusing on Natural Language Processing. They solve business problems related to natural human language and speech. This field of Artificial Intelligence is called Natural Language Processing (NLP).

Mantisnlp .mp4

MantisNLP contacted us through our website https://staticmania.com/. They already had their website built on static HTML. So in developing the website, they want a fast and secure website built on HUGO. Their main focus was to build a design system, and create various components in HUGO so that they could use them over websites and modify them whenever they wanted. They have blogs written on Medium. They want to fetch those blog items on their site, also. Furthermore, They need a ready design system that can be used later. We’ve sat a couple of times with them and decided on our objectives.

After having those meetings, we made a list of all the requirements and highlighted the vital areas of the project.

They want HUGO static to give their existing site a new look. Fetching data from Medium is another challenge for us. Furthermore, we have to add a chatbot and scheduling method to set app meeting times with the clients.

Having everything in mind, we decided to use Figma to design the components and websites.
In development, we use HUGO static site generators as their automated choice. We also use bootstrap v5.2.0 for framework and layout.
To fetch data from Medium, we use Node packages. First, we bring data from the medium at the time each site was built. Then these data are saved in content/blog folder as blog content.
To add a chatbot, we used Intercom. We also use Calendly to schedule meetings

After going through some research, their project brief, and analysing the provided document, we decided to plan a low-fidelity and high-fidelity wireframe to make decisions easier. 

With the approval of the wireframe, we planned a style guide with the design elements such as typography, icons, and interface components with their states. We use SASS to style the components.

After researching their previous website and sitting with them several times, we have designed all the components and modules they may use on their new website. We also create a design system for them.

After designing the Home and Our Work pages, we are clear to about the style and layout. Then we start to build the design system.

MantisNLP

If you can dream it, we can make it. We believe in thinking big and starting small.

CloudCannon is a leading cloud-based website development platform that empowers users to create, deploy, and manage websites directly in the cloud. The platform offers an array of user-friendly features, including drag-and-drop page building, live previewing, and version control. Designed to simplify website creation and management for both technical and non-technical users, CloudCannon provides customizable templates, built-in tools, and seamless collaboration capabilities for team members. Its flexible and scalable approach makes it an ideal choice for users of all skill levels, enabling them to create and manage websites effortlessly from any location.

Mid_Size_Cloud.mp4

For CloudCannon's new Eleventy website, the company sought a clean and modern design that would cater to various devices and enhance user navigation. To achieve their goals, they approached StaticMania through the website https://staticmania.com/. A series of meetings were held to discuss the project's vision, emphasizing the importance of a visually appealing and user-centric design.

During the initial meetings, the primary mission was to explore various design options and techniques that would result in an engaging and user-centric website. The focus was on optimizing the user journey, ensuring intuitive navigation, and enabling users to find information effortlessly. The main goal was to create effective, engaging, and user-centric designs that aligned with user expectations. This required designing a visually captivating UI that delivered a seamless and enjoyable user experience.

The project presented several challenges for the design team at StaticMania. Foremost among these challenges was surpassing the user-familiarity of the previous website, which boasted a large user base. Ensuring that the new design appealed to both existing and potential users, especially those with limited technical expertise, demanded careful consideration and thoughtful execution. Key challenges included conducting thorough user research, defining a sound information architecture, working within tight timeline constraints, and maintaining consistency throughout the design process.

After careful consideration, StaticMania selected Figma as the primary design tool for wireframing, prototyping, and creating the website's visual design. Figma's collaborative features allowed for efficient communication and seamless coordination among team members during the design process.

StaticMania began by creating low-fidelity wireframes, enabling rapid exploration of design ideas and different concepts. These early-stage wireframes provided a blueprint for the website's layout and structure. After approval, the team moved on to crafting high-fidelity wireframes, adding more detail to the visual representation of the design.

To ensure consistency across all design elements, a comprehensive style guide was developed. The style guide encompassed typography choices, custom icon design, and interface components with various states. The style guide acted as a framework for the visual design, promoting a cohesive look and feel across the website. The meticulous approach to the style guide facilitated easier implementation and maintenance of design consistency throughout the project.

The collaboration between CloudCannon and StaticMania resulted in a visually stunning and user-centric website redesign. The new design successfully addressed the challenges of catering to existing users while accommodating newcomers, including non-technical individuals. The website's enhanced user experience fostered better engagement, reduced bounce rates, and increased user satisfaction.

The meticulous attention to detail, thorough user research, and streamlined design process showcased the capabilities of both CloudCannon and StaticMania. The successful partnership demonstrated the power of combining cutting-edge technology with design expertise to create a seamless website experience that meets the needs of diverse users.

The CloudCannon website redesign project, in collaboration with StaticMania, exemplified the importance of user-centric design in today's digital landscape. By employing Figma as the design tool, the team at StaticMania delivered a visually appealing website with a consistent and intuitive user experience. The project's success reinforces CloudCannon's position as a leading cloud-based website development platform, empowering users to create and manage websites effortlessly.

The visual CMS that gives content teams full autonomy on your developer-approved tech stack.

Redesign and develop MantisNLP website

About MantisNLP

MantisNLP and StaticMania

What we did

Work Process

Our Mission and Challenges

Our Challenges

Tools and Technologies

Wireframes

Web Design

Design System

Enjoy the final visual

Client's Review

Next Case Studies

Redesign of Cloudcannon website

If you can dream it, we can make it. We believe in thinking big and starting small.