4. Case Study Format: https://www.latieshacaston.com/veggie-grill-online-ordering-experience. This portfolio is displayed through a scrolling homepage using Adobe Express. Youre also showing that other people endorse your product. Ohhh MG you are amazing !! Its not just your designs that showcase your personality. Finally, case studies elicit a general lack of empathy from the public due to associations with any number of unpleasant experiences. Short-term goals will be what the company or person hopes to achieve in the next few months, and long-term goals are what the company hopes to achieve in the next few years. Spoiler alert: a massive wall of text does not make for an enjoyable reading experience. Snook shares insight into his eBook sales on Amazon. How We Reduced Our Cancellation Rate by 87.5%, A New Make Mantra: A Statement of Design Intent, Responsive Design and ROI: Observations From the Coalface, Making Your Site Responsive: Mastering Real-World Constraints, Goals, Constraints, and Concept in a Redesign, How a Simple Redesign Increased Customer Feedback by 65%, More on Apples: Mobile Optimization in Ecommerce. It breaks up the text content with white backed sections, while purposeful pops of blood orange keep things interesting throughout. Heap tells us about his full responsive redesign of Travois, a consulting firm focused on housing and economic development. Lauren Hom. Summary of the problem space, challenges, project and contribution, Proposed solution and representation of dashboard and data, Optimizing flow and improving architecture. By using font size, colors and shapes to highlight data, and by housing the companys profile in a separate column, this case study makes it a breeze for readers to pick out the information theyre after. From the font choice to her embedded YouTube videos, this design portfolio speaks volumes about McNamara and her design experience. With the portfolio template nailed, updating it is easy. Learn how Firefoxs logo was simplified to better fit its extended usage beyond a desktop web browser. Near the end of the project you will just want to press that launch button, so anything you write at that time will be rushed and lazy. Youve got just a few seconds to grab the attention of the viewer and make them want you and only you. But others are optional, and you get to choose whether we use them or not. Most design leads advise juniors to build a portfolio based on internship experiences, mock projects, or 3. MailChimp shares its own experience and considerations in using social login buttons. RyuCreative Made With Squarespace RyuCreative is a boutique-style marketing agency in Los Angeles. This contributes to the potential customers better understanding of the report. Breaking The Rules: A UX Case Study, Laura Klein Listen to how agency Fresh Tilled Soil addressed real-world constraints, such as resources, time and budget, in its responsive design process. Want to use the same dual section format for a business instead? Just tell a good story about how you took a client with a problem and effectively solved that problem for them, along with why you made some of the choices you did. In this consulting case study example, we can see that a chart has been used to demonstrate the difference in lead value within the Lead Elves case study. AMMO Rack App Design Critique, Alexander Komarov Twitter Promoted Tweets, MailChimp Share the results A New Make Mantra: A Statement of Design Intent , Mark Boulton This design has used dark blue rectangles to help separate the information and make it easier to read. 1. 479 inspirational designs, illustrations, and graphic elements from the world's best designers. So, curate accordingly, and sprinkle in the types of personal insights, passions, and activities that will help bolster the professional image you want to cultivate. The Globe and Mail is Canadas national newspaper of record. Good UX is not just about the main content, but also about little details such as log-in (and error) pages. This study shows how to execute parts of your JavaScript depending on the devices type and screen size. Maybe its someone in the music industry because of all those record-label internships you had in college. Another cool feature? The Trello Tech Stack, Brett Kiefer The cover spotlights an illustration and headlines of what readers will find inside, while the inner pages do a great job of visualizing the content and calling out main points while still ensuring the copy is the star of the show. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry. How to Launch Anything, Nathan Barry Herrmann describes the development of the Wayfinding Sans Pro, a signage typeface that can be read from a long distance. This is especially important in this day and age, where most people are likely to skim through the document first before digging deeper into the sections they care about. How I Run a Membership Site, Justin Tadlock Imagine someone hiring you to define your own identity. Whats more, doing so detracts from the whole point of using data to underscore your story. That doesnt make the story less important, but prospects need also to be assured that if they hire you, youll get results. Now take another look at your curated work. Writing a case study from the perspective of the client is another effective method. Much like myself and other designers of a particular generation, Aussie/Canadian Garett MacGillivray has been around the block and through the evolution of graphic designer, web design, UI/UX Designers and now landed squarely as a full stack Product Designer. Madeline is a graduate of our DesignerUp Product Design course. Browse our collection of free UX/UI design crash courses and video lesson library, Watch free replays or our live UX/UI and Product Designer webinars and workshops, Download our Notion templates for UX/UI and Product Designers, Listen to the latest episodes of our DesignerUp Podcast about mindful design. Refinder: Test-Driven Development, Maciej Pasternacki View the detailed design process. The section on the left provides a concise overview of background information and a direct quote, while the right provides a longer explanation before discussing the strategy and results. The team at Airbnb has been curious about Node.js for a long time, but used it only for odds and ends. Maybe they arent interested in the journey, or how your old client is now your best friend who brings you apple pie on Sundays. It leads with results. The gradient effect on the left-hand column helps break up the white background and adds an interesting visual effect. But others are optional, and you get to choose whether we use them or not. Thank you for taking the time to browse my content here on Spoon Graphics. Batch Processing Millions and Millions of Images, Mike Brittain In fact, they should be beautifully and professionally designed. Here's an example of an easy-to-read and well-designed publication. The extensive study comes in three parts. Kimi Lewis is a Los Angeles-based, award-winning graphic designer, illustrator, and art director. The watch faces for Android Wear Smartwatches use contrast and alignment to create a stunning but usable clock display. Treehouse is the primary sponsor of CSS-Tricks, and this case study looks at its interactive ad using jQuery. Making Your Site Responsive: Mastering Real-World Constraints, Alex Fedorov But how? 100+ A Closer Look at Zoom, FiftyThree Here are four of them: Step-By-Step Landing Page Copywriting, Nathan Barry The Design Thinking Behind the New Disney.com, Bobby Solomon Lessons in Website Security Anti-Patterns by Tesco, Troy Hunt https://express.adobe.com/page/wF8W0IyeANnUn/. By combining social media icons with icons that show in-person communication we know that this is a well-researched and thorough case study. See the following graphic design portfolio examples to understand what exactly I am talking about. Reinventing the Investment Calculator, Alex Bendiken Klein shows how she broke all rules to create the great UX for Outright. Unlike some other single scrolling page design portfolios, Skyler Hefleys is packed full of information. The Making of the Moscow Metro Map 2.0, Art Lebedev Studio Twice. It helps inspire potential customers to take action now. GoSquared shares how it made its log-in experience exceptional. Now, the grand finale: Give your portfolio a final proofread for errors. Related:10+ Best Infographics To Inspire Marketing Campaigns. Campaign Monitor analyzed the process behind a simple redesign that increased customer feedback by 65%. It makes customers want to read more to find out how exactly lead quality was increased by such a massive amount. Beating Borders: The Bane of Responsive Layout, Joshua Johnson Fortunately, its easier than ever to bootstrap web development and act as your own web designer. Get the content and creative tools you need with an All-in-One plan and your first month free. In an industry as competitive as design, a graphic design case study could become the driving force of your portfolio. Coupled with icons and strong statistics, this information stands out on the page and is easily digestible and retainable for a potential customer. This slideshow discusses how and why Notre Dame Universitys home page was rebuilt twice in less than a year. Like. Also, check out Trent Waltons perspective on the redesign. Barry has launched five products in fewer than nine months. Mastering the Application Cache Manifest for Offline Web Apps and Performance, Julien Nicault This infographic template employs a hybrid layout and color palette containing both contrasting and complementing hues to highlight the results. Learn how the team rebuilt its style sheets into something cleaner and easier to maintain. Page-Flip Effect From 20 Things I Learned, Hakim El Hattab Mein Honig Brand Identity, Thomas Lichtblau Enroll in our Product Design Course today! He also shows graphs. Case Studies, Fi Steph is a product designer based in Toronto. Others include case studies, mockups, videos, offers for online classes, ecommerce shops, an about page, or a peek into the design studio. Find Your Way to Oz, HTML5 Rocks Youve just made an important investment in your future. 256 70.6k Shot Link. Upload your fonts andbrand colorsto Venngage using theMy Brand Kittool and see them automatically applied to your designs. Each of these amazing portfolios tells the story of the product designer, their evolution, their process and shows what they bring to the world. Automatically add your brand colors to your infographic with VenngagesMy Brand Kit. Illustrator Full Spectrum Spirograph, Veerle Pieters The Anatomy of an Experience Map, Chris Risdon No problem. Lanks summarizes how Jessica Hische had freshened up the new logo for MailChimp with a slight facelift. So what does a case study look like and how can you create one? 9. . Soft Facade covers every aspects of the design process behind its Campus Quad app. This study explains what they are and how to create them. The first step, before starting your case study research, is to think about what you aim to learn or what you aim to prove. An interesting study of the feedback process that improved the AMMO Rack app. But first, some context. Typekit features a whole series of case studies of typography: Social Login Buttons Arent Worth It, MailChimp Whatever you choose to help visually define your design style and skills, consider limiting your selection to about 15 designs so they make a bold visual statement on your behalf. Hi, Im Chris Spooner. This very detailed case study looks at the Find Your Way to Oz demo, a Google Chrome experiment by Disney. Embedding Canvas and SVG Charts in Emails, Thomas Fuchs See how they used it on a production-scale project. Post-Implementation, Pre-Launch: A Crucial Checkpoint, Mindy Wagner Read about how Upstatement approached its first responsive design. Im from Puerto Rico and I did my Master Degree in Pratt institute, my favorite designs are Corporate Identity but a long time I dont work, I really like a lot your Corporate Identity works, my works are junk next to yours. View Case Study. Six Key Lessons From a Design Legend, Kapil Kale You can also create case studies of internal, successful marketing projects. Note how this infographic followsthe typical format of a business case study. ,. With Venngage, you can choose from a huge selectioninfographic case study templatesand swap in your own content in a snap. My Notes on Writing an E-Book, Jonathan Snook On May 8th, the designers behind Facebook Home (Justin Stahl, Francis Luu, Joey Flynn and Mac Tyler) presented a behind-the-scenes look at their work at the Bluxome Street Winery for a small crowd. The same thing applies to B2B and/or SaaS businesses but for this type of business, besides regular, short reviews, having a detailed case study can help tremendously. Looking to keep your branding consistent? With this Blue Cap case study icons, colors, and impactfulpattern designs have been used to create an engaging design that catches your eye. In this case study example, we can see how multiple fonts have been used to help differentiate between the headers and content, as well as complementary colors and eye-catching icons. Lots of techniques and tactics to optimize your website for better conversions shared by marketers. A sales case study is like an extended customer testimonial, not only sharing opinions of your product but showcasing the results you helped your customer achieve. But remember: you can edit anything you see to be 100% your own with Venngages visual editor. Case studies are meant to show off your successes, so make sure you feature your positive results prominently. iOS Icon Design: A Designers Exploration, 8 Amazing Case Studies from Top Product Designers By bestfolios.com collecting the best designer portfolio websites, resumes and design resources. In well-written case study examples like the one below, the big wins are highlighted on the second page with a bright orange color and are highlighted in circles. business web technology. Check out this modern pattern design example of a case study below: In this case study example, the short and long-term goals are clearly distinguished by light blue boxes and placed side by side so that they are easy to compare. In this article, Im going to list over 15 marketing case study examples, case study tips, and case study templates to help you create a case study that converts. And theyre easy to customize: just choose any template,sign up for a free accountand use Venngages drag-and-drop editor to swap outanyof the assets you see in seconds. Single page scrolling portfolios are great to send over to potential clients once communication is already underway. Skinny Ties and Responsive eCommerce, Brendan Falkowski Begin with who the original client was, what they do, and why they contacted you. Here are two graphic design examples with digital and practical applications. Another great design portoflio utilizing the one landing page strategy is that of Naomi Umezu. As you saw with the examples above, some are created as one webpage and some are multiple-page portfolio sites. Take yours to the next level and learn how to create an amazing portfolio (such as the ones featured in this post). Follow our checklist to amass your portfolio essentials. This study analyzes how both mobile and non-mobile conversions went up when Electric Pulp redesigned a website to be responsive. Inwell-writtencase study examples like the one below, the big wins are highlighted on the second page with a bright orange color and are highlighted in circles. From an organizational perspective, you will notice there are examples of one scrolling homepage and complete websites with multiple sections. Here, relevant visuals help illustrate each point. Laura Kalbag had a fantastic idea on how to transform these kind of projects into a win-win: She decided to mentor a group of students. Its the words you use to describe yourself and your work, the fonts and colors you choose, your profile or other images you feature, and other little touches that hint at who you are. Hunt looks closely at the many simple security errors Tesco makes, analyzing how he would apply basic security principles to remedy them. Using a simple layout in your case study can be incredibly effective, like in the example of a case study below. 5 case study examples and best practice tips 1. With practical takeaways, live sessions, video recordings and a friendly Q&A. This case study shows the design process of Playgrounds new brand. Learn how to use embedded canvas and SVG charts in email. By using these tips and easy-to-edit templates, youll be able to engage any audience, deliver your message as desired and drive up conversions while youre at it. Walking Through the Design Process, Ian Storm Taylor The case study, available at the agency's website . Here are five examples of designers who do case studies well. Take your potential client on a journey from start to finish. Related:10 Content Marketing Infographics for Your Strategy. This study is about how the company visualized noise and styled its blog categories in a unique way. The first page may be easy enough, provided your scope is quickly understandable. Case studies are an effective marketingtechniqueto engage potential customers and help build trust. Clear, defined layouts give readers an easy-to-understand overview, allowing them to pick out one topic and move to the next without missing the point. For design inspiration, notice the layout, colors, typefaces, and image choices. Jon Hicks shares the design process behind the Five Details Logo, including the design and choice of typography. Want more inspiration? There are also plenty of visuals to show you what work was being done and how. The same way it has been done for generations: through a graphic design portfolio. Its also important that your case study sits within your brand guidelines find out how Venngages My Brand Kit tool can help you create consistently branded case study templates. Interactive studio HelloEnjoy built a mind-blowing 3-D music video for Ellie Gouldings song Lights. Creative director Carlos Ulloa explains why the team chose WebGL and how it created various immersive graphic effects. https://www.latieshacaston.com/veggie-grill-online-ordering-experience, https://work.khadush.in/booksite-an-online-physical-book-sharing-platform/, Contributing to Open Source for Designers | Complete Guide, Getting Into UX/UI Design Through WordPress Open Source Projects, 7 Best UX Case Study Generators (and how to use them), They have each honed their craft from the bottom up (whether having gone through a traditional academic program, an online course like. In this overview of useful case studies, weve featured studies that have recounted decisions made about particular design elements, as well as studies of full overhauls and their accompanying technical challenges. Making the information clear helps draw attention to the important results, and it helps improve theaccessibility of the design. How Im Implementing Responsive Web Design, Jeff Croft But beyond being a tool to sharpen your skills, a case study is an invaluable marketing asset to have at your disposal. I really like it! Browse our search . 82% of marketers use case studies in their marketingbecause its such an effective tool to help quickly gain customers trust and to showcase the potential of your product. device to enhance site navigation, analyze site usage, and assist in our marketing efforts. By clicking Accept All Cookies, you agree to the storing of cookies on your Read and learn how GravDept redesigned Skinny Ties creative and technical direction to propel shopping on every device. Instead, usean infographicfor your case study needs. This is easy enough, until borders are thrown into the mix. Seeing how designers work, create, build and play is great, and furthermore, you can learn how to write a great case study yourself and how to use one to spice up your portfolio. Save for Later, Brian Groudan The Anatomy Of A Successful Logo Redesign, Belinda Lanks Why are case studies such an important tool in content marketing? This study shows how this team found the best way to achieve the feeling of a real-world book, while leveraging the benefits of the digital realm in areas such as navigation. You should use icons to highlight areas of your research that are particularly interesting or relevant, like in this example of a case study: Icons are a great way to help summarize information quickly and can act as visual cues to help draw the customers attention to certain areas of the page. They have focused portfolios that reveal their unique point of view as a designer. This short and effective design portfolio is a great way to pass along basic yet critical information to the viewer while opening the door for further discussion and potential work. Having a solid design education and getting feedback from the design community is the best way to ensure that your work is up to par and being presented in a way the shows your skills and your worth. Less is often more, and this is especially true when it comes to creating designs. So today, Im going through 10+case study infographic templatesyou can use to market your business and get those conversions climbing. There are also plenty of visuals to show you what work was being done and how. And with no added visual interest, the process becomes a snooze. Take the following steps to create the best portfolio: Even if youre a beginner freelancer or just want to showcase some personal projects, youve probably come a long way in advancing your design skills. Are there any outliers? More after jump! I hope youve found some useful stuff so far? While the designer could have added a digital file instead, the photographs give you a better sense of the final polished design. Browse our selection of case study templates and click "create" to get started. Colorado Identity, Berger & Fhr Learn how the Vesper app was designed and made. Nice work! 20062023. Lauren Hom created a webpage-called Hom Sweet Hom-to display her design portfolio. The design process of my infographic for the Tour of France for Grinta!, Veerle Pieters You can use a large, bold, contrasting font to help this information stand out from the page and provide interest. A multipage website requires more time and thought. Once youve done all of the above, youre armed with a pro portfolio. When creating your graphic design portfolio, consider some key basics. What is the number one benefit youve found from using our tool. While I have mentioned a general structure for case study templates in the previous section, some points should be remembered to create engaging content. Working on the frontline, Berridge share his insights on responsive design and returns on investment. Content is King. Say Hello to the New ISO, Andy Clarke Want more inspiration? Jessie Strongitharm is a Content Marketer & Writer at Venngage. By clicking Accept All Cookies, you agree to the storing of cookies on your If you're looking to adopt some advertising ideas, or even if you're creating an ad of your own, come with us as we have a look at 30 examples of beautifully created advertising case studies that each have plenty of wisdom and design tips that you can incorporate in a poster or rack card. Wearne shares his experience in creating Adiosos web app, a complex yet accessible project. You just need to put your best work, skills, and design experience in front of your target audience. The study includes topics such as progressive enhancement, responsive and responsible Web design, SVG, and the HTML5 History API. Discover 9,000+ Case Study designs on Dribbble. A content marketing infographic template like this one does this well. 1. The heading is the ideal place to put the most impactful information, as this is the first thing that people will read. And if they are happy, nature is happy too. This simple yet beautiful statement belongs to Mein Honig (My Honey), a personal project of Thomas Lichtblau from Austria. Related: What is a Case Study? Designing an Instant Interface, Luke Wroblewski By sticking to one color, and leaving lots of blank space you can ensure your design doesnt distracta potential customer fromyour case study content.