About this project
Inskope Landing Page & App Theme
Aligns business strategy with technology initiatives, empowering senior management.
Design Tag
Project overview
A quick brief about this project
My Role
UX/UI Designer - User Research, Design System Development, Visual Design, Responsive, Prototyping
Industry
Business Management & Consulting
Project Estimation
2 weeks
Overview
Inskope serves as a comprehensive platform, seamlessly integrating various elements such as business strategy, technology initiatives, product development, digital platforms, and enterprise architecture.
Through its cohesive approach, it offers a powerful suite of tools specifically designed to meet the needs of senior management, providing them with the necessary resources to navigate and excel in today's complex business landscape.
What I actually did in the project
I took on the role of visual designer, where I contributed to the creation of an elegant and highly effective landing page for Inskope's business. My focus was on ensuring a flawless user experience that aligns with the brand's identity and goals.
The Problem
The challenges we faced and how we solved it
Problem Statement
We were presented with a client brief outlining a product system that was essentially a blank slate, lacking any existing foundation or developed features and aesthetics. It became clear that we were facing the challenge of building the entire system from the ground up, requiring us to meticulously craft every aspect to meet the client's needs and expectations.
Challenges
Our team is facing time constraints and significant resource limitations. This has hindered our ability to develop a comprehensive system for our clients, forcing us to utilize existing open-source materials for development.
Our Solution
We kickstarted the project with basic standards, aiming to simplify complexity, and strategically incorporating effective calls to action. Our goal was to achieve a modern, sleek, and clean design aesthetic that resonates with contemporary audiences.
Given our time constraints, we made the decision to leverage pre-existing design systems and other community elements to expedite the development process. While this approach allowed us to accelerate our progress, it also ensured that we maintained a consistent level of quality and professionalism throughout the project.
We've opted to adapt all components from Material Components for our application's UI.
Research Summary
A start with wireframing
Wireframe
This part was meticulously undertaken by Mr. Quang, by Mr. Quang, our experienced team lead, whose primary objective was to craft a visually captivating and modern website that resonates with our target audience. Through thorough research and analysis, he identified key design elements and trends essential for a successful business website, ensuring that every aspect of the design reflects professionalism and sophistication.
Website Wireframe
Design foundation
Setting the base for the project
Re-branding &
Design system
We initiated the project by revitalizing the company's logo and color scheme, while also fine-tuning critical components within the design framework.
Design Components
This is where my skills as a visual designer shine. I strive to craft all website elements with an eye-catching and distinctive color palette, incorporating glass effect elements for added sophistication.
Feature Card Items
Testimonial Card Items
Pricing Card Items
CTA Banner
Mockup design
Mockup Design
The Landing Page
Centering on simplicity and contemporary aesthetics, I craft website designs that are both clean and visually captivating. My approach prioritizes sleek, modern design elements, incorporating subtle noise textures with gradient fills against white backgrounds, and utilizing glass icon textures on darker backgrounds, resulting in a harmonious blend of professionalism and playfulness.
Website Mockup
Website Mockup
The Inskope Web App
This is just a brief demo showcasing the new app theme. To achieve a comprehensive demonstration, we are incorporating some open-source elements from the Figma community.
Web App Demo Mockup
Retrospective
A unique touch to client business
While we couldn't complete the entire app flow or fully develop it for our client, we established a foundational theme and appearance for the application, laying the groundwork for future advancements. Our client expressed satisfaction with the landing page's final design and color scheme, particularly praising the blend of pastel purple and blue tones, which they found eye-catching and uniquely gentle on the eyes for a business landing page.