The Tech Tea
A Tech Blog Prototype
My Role
UX/UI Designer
Timeline
8 Weeks – 40+ Hours
Tools
Figma
Project Goal
As a digital media enthusiast with a passion for user-centric design, I set out to create a visually engaging and functional tech blog prototype using Figma. This project showcases my ability to merge aesthetics with usability, catering to tech-savvy audiences who value clean layouts and seamless navigation.
The goal of this project was to design a blog that highlights the latest trends, tutorials, and insights in technology, making the content accessible and enjoyable for readers. By leveraging Figma’s powerful design tools, I was able to explore typography, layout structures, and interactive elements, ensuring the blog is not only appealing but also optimized for user experience across devices.
This portfolio piece reflects my skills in UX/UI design, wireframing, and prototyping, as well as my attention to detail and understanding of modern web design trends.
Featured Trending Posts
To ensure users have the freedom to personalize their screen time management experience, I incorporated an “Edit Dashboard” feature on the Dashboard Home screen. This functionality allows users to select and customize the analytics they prefer to view, tailoring the dashboard to their specific needs and preferences.
Once users make their selections, their customized choices are reflected in the dashboard buttons, providing a truly personalized and user-centric experience.
Blog Dashboard
This intuitive dashboard allows writers to draft, edit, and publish articles with ease while providing real-time analytics to track performance and engagement.
With tools for categorization, tagging, and scheduling, the Writer Dashboard streamlines the blogging process, ensuring a seamless and efficient workflow for creators.
This feature not only enhances the user experience for contributors but also ensures high-quality, consistent content for the blog’s audience.

