Peak Design’s Post

Dashboard design for Finetory, a personal finance management platform I’m currently exploring: Clean Layout ✅ Simple Color Scheme ✅ Clear Typography ✅ Minimalist Icons ✅ Consistent Design Elements ✅ Focused Information ✅ As you can tell, I'm a big advocate for clean, minimal, and user-centric design. 👌 #buildinpublic #uiuxdesign #fintech #finance #saas #opentowork #webdesign

My #1 portfolio tip for junior designers: there is a big difference between "we designed a dashboard" and "we tested multiple form factors and identified that a dashboard was the right solution to our problem." Incidentally, this is also my #1 tip - to all designers - when actually doing the work. If the first thing you do is reflexively reach for the nearest design pattern, you probably didn't take the time to understand the problem.

As a product designer working with a very dynamic product, doesn’t it become difficult to maintain the homogeneity of the product if you do not have defined the design system for the product? The typeface, font weight, colors, types of icons, buttons, states for them etc. When I initially joined magicpin, I was asked to start working on the icon library. In the process, I realised the importance of having a “published” design system, continuously updating it, collaborating with cross functional teams for better implementation and faster usage. A couple of months back we published a fresh set of components and are using it in the design everyday, it has made the work so much faster. Anyone working for any startup, you might be the only designer who doesn’t have the time to build a dedicated component library, start slow, because trust me, in the longer run when calculated, you would have saved yourself hours finding the correct widget and icons and editing which was possible with mere clicks. #designsystem #components #productdesigner #teamwork #uxdesigner

Button component ft. Craze (YC S22) My thumb of rule for adding components to our design system is if I use it more than 3 times across projects - it's getting added. Invaluable amount of time gets saved by adding a powerful enough component. When you 🛳 features the speed with which we do, time is of the essence. My favourite Figma feature inside design systems is preferred values. You can see me use it inside buttons to fetch regularly used icons . . . . . . . . #figma #designsystems #craze #hr #hrmanagement

Why not skip the design system ? 🤔 Starting off that new project without a design system again? Let's pause for a moment and consider the significance of laying down a solid design system foundation before diving headfirst into our projects. Design systems are not just another checkbox to tick off our project to-do list. They are the backbone of consistency, efficiency, and scalability in our design and development workflows. By establishing a robust design system from the outset, we pave the way for smoother collaboration, faster iteration, and ultimately, a more cohesive end product. So why not skip design system? Because doing so would be like building a house without a plan. It might seem faster initially, but it's bound to lead to chaos and inefficiency down the line. I'm working on my design system, this is the colour and typography style for my personal project at Tech4Dev and it has been an awesome experience. Special thanks to my facilitator Mona Al-Gharib, an awesome tutor. One thing I would always do is organize everything to the smallest bits 😅 Are you Team design system ? How has it helped your work so far ? Seeing my post for the first time, I am Gabriella Echebiri (Yours Designerly), a passionate and creative product designer. If you're looking for a dedicated designer to join your team or contribute to your project, feel free to reach out. Let's create something extraordinary together! 🤝 #gabriellaechebiri #uxdesign #productdesign #uidesign #userexperience #uxdesigner #figmatips #usercentereddesign #learnfigma #figmatutorial #designsystems

My Portfolio Just Leveled Up (Thanks to the Feedback & Framer!) Let's be honest, my old Figma portfolio was......well, let's just say it wasn't winning any design awards LOL. But thanks to some awesome feedback from you guys (and a deep dive into Framer!), I'm thrilled to announce my brand new portfolio is LIVE! Get ready for a portfolio experience that's anything but boring! #framer #portfolio #uxdesign #visualdesign #design

Figma just dropped the biggest feature I’ve seen in a long time! Multi Select & Multi Edit is the thing all of us Product Designers have been dreaming of, but didn’t know! You can easily select one item on the page, and hit the new multi-select icon to select all matching layers. If you’ve used Smart Animate, you’ll be familiar with how it selects similar layers: it’s based on layer name + hierarchy in the respective frame. From there, you can edit all text at once and make contextually design changes. You can rotate, move, align, auto layout, EVERYTHING relevant to the element on the frame. . . . By - @_radnolan Follow - Zshak.tech . . . #figma #figmadesign #designworkflow #productdesigner

Day 28-29-30: Create a design system: A design system is a collection of reusable components, patterns, and guidelines that helps maintain consistency and coherence across design projects. By establishing a set of predefined elements such as buttons, typography, colors, and icons, designers can ensure that their designs are cohesive, scalable, and easy to maintain. Benefits of Design Systems Implementing a design system offers numerous benefits for designers and organizations alike: Consistency: Design elements such as colors, typography, and UI components are consistent across projects, ensuring a cohesive user experience. Efficiency: Design systems streamline the design process by providing ready-to-use components, saving time and effort. Scalability: As projects grow and evolve, design systems scale seamlessly, allowing designers to maintain consistency and coherence. Collaboration: Design systems facilitate collaboration among team members by providing a single source of truth for design assets and guidelines. Accessibility: By incorporating accessibility principles into design systems, designers can ensure that their products are usable by all users, regardless of ability. https://lnkd.in/gEdD4fxE #100DaysOfTech #TechChallenge #LearnTech #TechJourney #CodeEveryday #TechLearning #ProgrammingChallenge #TechSkills #DailyTechChallenge #TechProgress #CodeChallenge #100DaysOfCode #TechMilestone #DailyCoding #TechExplorer  #CodeLearning  #TechCommunity #CodingJourney #TechEnthusiast #LearnToCode #edam

Day 20/20 🔥 PRODUCT-DESIGN: #GIT20daychallenge #20daysinPDwithAA #GITBootcampC20challenge #AfricaAgility UI components are the essential building blocks of user interfaces in web and mobile applications, encompassing elements like buttons, forms, modals, and cards. Building and organizing these components efficiently is crucial for ensuring scalability, maintainability, and consistency across the application. A modular approach, where components are designed to be reusable, helps maintain uniformity and reduces redundancy. The Atomic Design methodology, which breaks down the UI into its basic elements (atoms) that combine to form more complex structures (molecules, organisms, templates, and pages), provides a systematic framework for component organization. Clear and consistent naming conventions make components easily identifiable and manageable, while component libraries like Storybook or Material-UI help in organizing and documenting components, ensuring accessibility for all team members. Additionally, separating the logic, structure, and style of components enhances their maintainability and simplifies debugging and updates. Consistency in design elements is key to creating a cohesive and intuitive user experience. A comprehensive design system that includes guidelines for typography, color schemes, iconography, and spacing serves as a single source of truth for the design team, ensuring that all elements align with the overall design vision. Defining and using component variants, such as primary and secondary buttons, helps maintain a consistent style across different use cases. Theming support allows for a uniform look and feel across the application, especially when supporting dark and light modes. Regular design audits help identify and correct inconsistencies, ensuring adherence to established guidelines. Collaboration tools like Figma or Adobe XD facilitate real-time collaboration and version control, enabling designers to work together seamlessly and maintain consistency throughout the design process.

Trying to think about what kind of designer I am, it can be hard to add a particular prefix. So, in no particular order, here are 5 things that make me excited about design: 1) Sharing a link to my giant Miro board to show the brain-dump that led to my current idea. 2) Noticing a particularly lovely font pairing and deciding I'll use it on my personal site (never actually happens). 3) Talking to someone in a customer interview and learning something completely new and interesting about the area I'm working. 4) Going into code and contributing to the product directly, even if it's just setting up some new, reusable icons. 5) Focussed workshops with my team where we argue, disagree, then build something amazing. What are yours?