Refreshing PopCom’s Website with Modern Design
Refreshing PopCom’s Website with Modern Design
Refreshing PopCom’s Website with Modern Design
UX/UI Design
Figma Learner
Client:
PopCom PR
Year:
2022
UX/UI Design
Figma Learner
Client:
PopCom PR
Year:
2022
UX/UI Design
Figma Learner
Client:
PopCom PR
Year:
2022
Project Overview
The Challenge
PopCom was looking to revamp their WordPress website with a new design. The goal was to develop a nice looking site that effectively highlights their skills and accomplishments while also featuring a blog section, for sharing industry insights and news updates.
With a user-centered approach and the client's needs in mind, I focused on streamlining navigation, ensuring clarity in content presentation. From wireframes to polished prototypes, I leveraged Figma, mastering its advanced features to bring this vision to life—an exciting challenge as I was still sharpening my skills with the tool.
Up to that project, I had only toyed with Figma—never used it for a real project. Design systems? They were a concept rather than a tangible routine. I had come from an advertisement agency background, building landing pages with Photoshop. I knew that I wanted to switch gears and dive into tech instead of advertising, though.
This project served as a launch pad into the world of UX/UI design. To me, it was the chance to dive fully into Figma, understand the basics of design systems, and apply them in a real-world scenario. Learning a new tool wasn't exactly the goal; more importantly, this helped kick-start my journey as a UX/UI designer, and with it, the challenges of creating user-centered experiences.
Project Overview
PopCom was looking to revamp their WordPress website with a new design, from their PR agencys team of experts.The goal was to develop an user friendly site that effectively highlights their skills and accomplishments while also featuring a blog section, for sharing industry insights and news updates.
Taking a user focused perspective in my work involved making navigation smoother and content clearer to provide an experience, for audiences. I used Figma from creating wireframes to refining prototypes. Explored its functions to realize this vision—an interesting task as I was honing my skills with the software.
The Challenge
Up to that project, I had only toyed with Figma—never used it for a real project. Design systems? They were a concept rather than a tangible routine. I had come from an agency background, building websites with Photoshop. I knew that I wanted to switch gears and dive into tech instead of advertising, though.
This project served as a launch pad into the world of UX/UI design. To me, it was the chance to dive fully into Figma, understand the basics of design systems, and apply them in a real-world scenario. Learning a new tool wasn't exactly the goal; more importantly, this helped kick-start my journey as a product designer, and with it, the challenges of creating user-centered experiences.
Before the redesign
Before the redesign
Starting the Journey
Starting the Journey
Style Guide
Style Guide
The client provided a basic brand guide, but I made a few adjustments to better align their brand with the new digital presence. For typography, I chose Poppins for its excellent readability and modern aesthetic, ensuring it complemented the overall design seamlessly.
The client provided a basic brand guide, but I made a few adjustments to better align their brand with the new digital presence. For typography, I chose Poppins for its excellent readability and modern aesthetic, ensuring it complemented the overall design seamlessly.
Homepage
Homepage
PopCom Challenges
(portfolio)
PopCom Challenges
(portfolio)
About us
About us
Newsroom
Newsroom
Error 404
Error 404
Takeaways
This was no website redesign; this was a personal challenge and a last push to start my journey toward UX/UI design. Starting with very little knowledge of Figma and design systems, I had to learn on the go. From rebuilding an information architecture to creating wireframes and prototypes, each new step challenged me to think critically, solve creatively, and maintain a focus on delivering a solution that meets the client's needs. I was able to take these vague initial concepts and set them into a polished, functional design elevated PopCom's digital presence.
This was no website redesign; this was a personal challenge and a last push to start my journey toward UX/UI design. Starting with very little knowledge of Figma and design systems, I had to learn on the go. From rebuilding an information architecture to creating wireframes and prototypes, each new step challenged me to think critically, solve creatively, and maintain a focus on delivering a solution that meets the client's needs. I was able to take these vague initial concepts and set them into a polished, functional design elevated PopCom's digital presence.
Next
Project
Next
Project
Next
Project
POPCOM SPACER
POPCOM SPACER
POPCOM SPACER
AC SPACER
AC SPACER
AC SPACER
Thanks for looking
at my project!
Want to dive into the details? Drop me a message!
I'm happy to talk more about it!
Thanks for looking
at my project!
Want to dive into the details? Drop me a message!
I'm happy to talk more about it!
Thanks for looking
at my project!
Want to dive into the details? Drop me a message!
I'm happy to talk more about it!