Overview
Company
Role
Year
About Project
Project Goal
Challenges
Considering the flexibility for PPC managers to rearrange or hide sections post-development.
Solution
Framework
Platform
Limitations
DESIGN PROCESS
1.1 STAGE
User Persona
To implement a user-centric approach in my design decisions, I began the research by delving into the behavioral characteristics of our users and identifying potential problems that could impact their experience.
1.2 STAGE
Competitors Analysis
1.3 STAGE
Page Structure
Taking into account users' needs, business goals, and competitors analysis, I created the page structure. I identified sections, determined their hierarchy level, and specified the information to be included in each section.
2 STAGE
Page Wireframe
I researched existing sections within our website builder system, integrated matching ones, designed missing sections using the Design System, and assembled the page wireframe with the content examples. At this stage, I introduced six new sections.
3.1 STAGE
Modifying Sections
Creating the high-fidelity mockup helped me identify sections needing modification for better integration. I presented two design options to the product manager: one with the existing sections unchanged and another with minor corrections.
I also proposed an alternative Hero Section with new Category Tabs, enabling us to: display more categories on the first screen, promote categories effectively, and add subtitles and subcategories.
3.2 STAGE
Final Result
The final design incorporates five existing sections in their original form, four existing sections with minor corrections, and six newly created sections using styles and components from the Design System.
A/B TEST
After development, I also created an alternative UI design with different colors and images, which I attached to the CMS to test which style works better for our users.
BONUS • BONUS • BONUS • BONUS • BONUS • BONUS • BONUS • BONUS • BONUS • BONUS • BONUS • BONUS • BONUS •BONUS • BONUS • BONUS
With the portal initially hosting seven categories and anticipating continuous growth, I suggested considering an integration of a sticky chatbot in the future to streamline user interaction as the categories list expands.