-Badejo Portfolio

Introducing our Minimal Portfolio Design Template — a sleek and clutter-free solution designed for designers seeking a visually striking platform to showcase their projects. This template offers a seamless and intuitive user experience, emphasizing simplicity and elegance.

Other features

Project Focus: Each project is presented with meticulous attention to detail, allowing users to delve into your work without the need for unnecessary clicks or overwhelming details. Streamlined project pages provide a clear narrative for each piece in your portfolio.
Responsive Design: The template is optimized for various devices, ensuring a consistent and visually pleasing experience for visitors on desktops, tablets, and smartphones.
Interactive Elements: Incorporate subtle interactive elements to engage users, such as hover effects and click animations, enhancing the overall user experience and making your portfolio memorable.

Key Features

Clean and Clutter-Free Design: The template ensures that your projects take center stage with a minimalist layout, avoiding unnecessary distractions and allowing your work to shine.
Smooth Transitions: Elevate your portfolio with seamless transitions between sections, providing a polished and engaging user experience. Effortlessly guide visitors through your projects with fluid animations."
Day Mode and Night Mode: Tailor your portfolio's appearance to match different preferences or viewing environments. Switch effortlessly between Day Mode and Night Mode, ensuring optimal visibility and a comfortable browsing experience.

Why should you use it?

In essence, our Minimal Portfolio Design Template offers a sophisticated and user-centric solution for designers aiming to showcase their projects elegantly. Elevate your portfolio with this thoughtfully crafted template that prioritizes simplicity, user engagement, and a seamless display of your creative work.

Understanding Application

Before diving into the case study, I was trying to understand this application and why it had to be redesigned. Starting off with an overall information architecture.

Who Is The User

For this specific client, they had sales and service users for this particular application.

Understanding Problem Space

To understand the problem area, we conducted heuristic analysis on the existing application, asking questions like "Is there a consistent icon design scheme and style across the dashboard?", "Can the users move eaily forward and backward in the graphs?", "Are prompts, cues, and messages placed where the eye is likely to be looking on the screen?", "Have large objects, bold fonts, and simple areas been used to distinguish sections?".

Consistency

Consistency in visual design such as icons, spacing, padding, icon styles

Discoverability

There were no clear exits, no tooltips or information for discovering table after clicking a card.

Clutter

There was a lot of clutter in the dashboard. The user wasn't able to see the important or relevant ones on the dashboard.

Lack of Visual Hierarchy

Users who were new, just started to the application were confused with information related to what.

Competitive Analysis

Conducted a competitive analysis, by watching videos trying and exploring softwares

User Pain Points and Solution

Shown are some screens of the existing UI and solutions I have provided.

Shortcut Links and Icon Buttons Grouping

The shortcut or favorite links are placed at the top below the navigation for easy access and quick understanding. Announcement board and event gallery were not that important to be placed on the dashboard and can be accessed through icon button at the top. Icons were grouped for easy understanding.

Full Screen View and Top-Left Navigation

The Client wanted a new navigation and data table and count to be on the dashboard, so coming up with a top-left navigation collapsable, where the user can get a full screen view of the data table. As, it was also noticed, the table in cards were very hard to read and had to be concentrated a lot.

Challenges and Learning

I understood how to work in cross-functional teams. I learned how to reduce the number of clicks, I had come up with ideas, where there were many technical constraints, I learned how it should be easier and reduce number of clicks. Learning to do small-small minute changes from the client.