But not sure where to start? Find out if a tech career is right for you.


Need a Job? Add These 8 Pretend Projects to Your Portfolio

design projects for portfolio
Get the Beginner's Guide to What to Put in Your Tech Portfolio

Get the Beginner's Guide to What to Put in Your Tech Portfolio

Get dozens of resources, plus expert tips on how to build a KILLER portfolio even if you're an absolute beginner.

The most frequent question I get from students in my classes is “Are we really going to build a portfolio? What can we possibly put in it when we’ve never had any clients or been paid for work?”

And it’s a great question! If you want to start picking up clients, it’s a simple fact that you’re going to have to show them your work—but the good news is, that doesn’t have to mean paid work. You can absolutely invent imaginary projects just for your portfolio: In fact, you don’t need to be a beginner to do this— experienced web designers and developers do it all the time to keep up with skills, try new things, and provide fresh solutions to problems. Design writer Daniel Mall has written about this extensively, and Katie Kovalcin, and Senior Product Designer at Vox swears by it.

How to Show Fake Design Projects in a Portfolio

“If you make fake projects, the trick is to make it look real. Put it in context: Print it out and photograph it, mock it up however you need to as if it were really a finished product and not just comps/ideas,” says Kovalcin. If it’s a website, make sure it functions, even if the domain name is just attached to your own portfolio site.

What I’m about to suggest to you is a framework of portfolio project categories that aim to showcase a wide range of your skills. You can do all of these without a client or previous experience. A few considerations:

  • Make sure you are transparent in interviews and on your actual portfolio about the work you’re presenting—call them “concepts.” Don’t pretend that you got paid for something that you didn’t.
  • Be prepared to explain every aspect of your projects, from how you framed your original ideas to the steps you took to execute them. Being able to clearly explain and navigate your own work is as important as the work itself in an interview or presentation setting. This could include everything from the research you did, to the user personas you created, to briefs and wireframes. These are the types of deliverables that really make your work stand out, and showcase the life cycle of your project.

These projects are broken down by web developer and design projects, but a well-rounded portfolio should pull from both.

Web Developer Portfolio Projects

1. The Dream Client Site

Aiming high with your web development portfolio projects gives you a chance to show what you can do with a website on a larger scale. I once interviewed a self-taught developer who learned to code over the summer and had redesigned the New York Times website on his portfolio. It was amazing. He thought through every detail—how it looked on tablets and mobile phones, what the app experience was like, how comments and threading worked in his solution and lots more. It was the only project in his portfolio—but it was so thorough and thoughtfully presented, it was all he needed to get the job.

For inspiration so you can do the same, check out these examples from Behance of what’s possible with website redesign concepts for companies like Michael Kors, Ikea, or Nikon.

2. A Local Business

Since working with smaller businesses is the easiest way to get your foot in the door and build a solid client base, you’ll definitely want to include a design or redesign of a local non-profit or neighborhood business in your portfolio. Take a stab at redesigning your favorite family-owned restaurant’s site. See if you can give it a completely modern feel—free of Flash intros and Comic Sans font—while staying true to the business’ identity.

There’s nothing holding you back—except for a few critical freelancer rules that you need to keep in mind: First, make sure that the product associated with the business you choose is the kind of product you want to be associated with—in other words, ask yourself if your prospective clients will want to be aligned with the concept products you’re presenting. That redesign of “Crazy T’s Ammo Depot” might look cool, but it’s not necessarily going to go over with all audiences. Second—and this is critical but easy to overlook—make sure your small business is the kind of thing you can find good stock photos for. Photography makes a huge impact on websites, so think ahead.

3. Improved Mobile Product UX

This is a chance to break out your mobile design chops and show how you would improve the mobile UX experience for an existing client or brand. Look for a case where you love a website but think the mobile experience needs an overhaul, then work towards its reinvention with UX deliverables in mind—think wireframes, prototypes, flowcharts, sitemaps, and usability/analytics reports. Mobile design has long since stopped being an afterthought—in fact, mobile web usage officially overtook desktop usage in 2016—so your ability to present a seamless mobile user experience will be a tentpole in your design portfolio. Software like Sketch allows you to create mockups of mobile sites that will display on a desktop for presentation, or you might consider taking a high quality video of yourself scrolling through your mobile site or app design and add that to your portfolio.

When choosing a mobile redesign project, pick a company with strong, existing branding do you don’t get stuck doing tons of extra legwork just to get started. In many cases, established brands will even have a style guide available online that you can work from—Urban Outfitters, Skype, Firefox, and even the New York Transit Authority are examples of brands with online style guides.

4: A Stock Theme for WordPress

WordPress is the most popular content management system currently available, so it makes sense to develop a stock theme for WP. One of the big perks about developing a stock theme is that you can also sell it as a premium theme, generating income while contributing to your portfolio. Or you can give your theme away as a means of promoting yourself (consider offering support or customization for an additional price in this case).

Look at other themes that are on the market and see what makes popular themes stand out—are they responsive? Simple and uncluttered? Compatible with popular WordPress plugins? ThemeForest is a great place to study successful theme designs, and if you check out these simple WordPress themes by Paul Jarvis you’ll see you don’t have to get too fancy. Then take some time to familiarize yourself with the WordPress Theme Review Guidelines and start designing one of your own!

Projects You Need to Have in Your Graphic Design Portfolio

1: A Complete Branding Package

Creating a website mockup concept for a company you love is a great place to start when building a graphic design portfolio, but why not take on a complete digital branding package?

Creating a complete digital brand update is a major (but worthwhile!) undertaking for a graphic or web design portfolio, and can be done for either as as a concept for a real or made up company (Hello, bakery you’ve always wanted to own). If you’re not sure where to start, scroll through all the branding packages uploaded to sites like Behance. And—once you’re ready to get started—here’s a list of some elements you’ll need to include in this graphic design project (on top of the more obvious graphic design features like logos, fonts, and color palettes):

  • SEO friendly web design. In addition to presenting a professional, brand-centric website design as part of the brand package in your graphic design portfolio, it’s critical to make sure the site design is SEO (Search Engine Optimization) friendly. SEO refers to the techniques used to improve a website’s visibility and ranking in search engines like Google and Yahoo, which is a key part of digital branding. Some basic tips for upping your site design’s SEO game include making sure you create user-friendly URLs (www.yourkillerbrand.com/tips-for-branding-design is infinitely more SEO-friendly than www.yourkillerbrand.com/qs?/3600), integrating responsive design so that your site can easily be viewed on a desktop or mobile device (Google now uses mobile-friendliness as part of its site ranking system), and integrating your brand’s social media presence into your page (this won’t necessarily directly affect your search engine ranking but it will help to spread your content across the web, and an increase in likes, mentions, and links to your content will move you up the search engine ladder).
  • Keyword research. Researching brand-relevant web search keywords that can drive traffic to your site is another important part of building a digital brand—by getting a handle on the keyword demand for your market you’ll not only get a better idea of what keywords to incorporate in your SEO-friendly website, but you’ll also start to piece together a picture of what motivates your brand’s potential customers. Using a tool like Google AdWords Planner (a free program that requires an AdWords account, but doesn’t require you to actually create an ad)—you’ll be able to get information on the volume of searches your keywords produce and decide which ones should be incorporated in your branding package.
  • Social media maintenance. A comprehensive social media suite is no longer a fun add-on for a digital brand package—a brand-consistent presence on Facebook, Twitter, Instagram, and other social media platforms is as essential as your website design itself. As part of your digital brand package, be sure to include mockups of your brand across these platforms.
  • Collateral print items. Just because digital rules the world doesn’t mean print has disappeared completely. There are a still fundamental print components you need to keep on the table when presenting a digital branding package. Business cards, stickers, postcards, and packaging, are all examples of print collateral pieces that you can add to bolster a digital campaign.
  • A style guide. This will tie up the project entirely, and showcase your ability to organize and plan. Check out the many digital style guides available online that you can use as a template or starting point in putting together your own rules for a comprehensive branding package.

2. Your Twist on an Icon Set

Icon sets are the group of stylistically similar images attached to different functions on apps and websites—for instance, the trashcan that appears when you want to delete something or the pencil you click on to enter an editing mode. Designing your own icon set is a fairly standard web design project, but it’s an easy way for you to offer something for free to the visitors on your website and to include a project of a completely differently scale in your web design portfolio.

An icon set might seem ubiquitous, but that’s exactly what makes it a good portfolio add—while common and easy to overlook, icon sets are a backbone of web design, so showing your ability to design them will let employers know you have your fundamentals down. It’s also an opportunity to define your aesthetic, which helps people remember you and your work when perusing portfolios. Check out Dribbble for examples of icon sets done differently. Or, what if you designed a few of your own emojis to add to the next set of releases? Sky’s the limit!

3: A 365 Design Project

If you’re playing the long game (which you should be when it comes to your career), then starting a 365 graphic design project is a phenomenal way to demonstrate commitment. 365 design projects consist of creating a simple design, usually along a theme or for a particular type of design (icons, logos, typography, etc.), and posting them every day for a full year.

Some designers are doing these as collaborative projects, inviting other designers to join in, while others take them on entirely solo. Check out this super useful article by Cynthia Koo on how to design your own 365 project, as well as some examples of real world 365 projects like Jessica Hische’s daily drop cap or Stefan G. Bucher’s daily monster.

4. Redesigned newsletter template

This may sound like a snooze fest, but I did this for my first graphic design portfolio while applying for my one of my first jobs in tech. One of the administrative duties of that job was to send out newsletters about events, interviews, breaking news, and other timely items so before I applied, I spent half a day redesigning the org’s newsletter, creating three samples and including it all in my portfolio. Needless to say, they were impressed. I got the interview (and two follow ups) AND the job.

In order to pull off a successful newsletter redesign, it’s helpful to remember a few best practices. First, put extra care in making your newsletter design short and simple—avoid long, impenetrable blocks of text and make sure there’s adequate white space in your overall design to make the text that is there appear streamlined and easy to read. Try to limit the amount of fonts you use in your design as well—other than possibly using one font for your headline and another for the body of the email, be very cautious about adding additional fonts into the mix since they’ll likely overcomplicate things. And finally, think twice about using images or graphics—it’s easy to throw in stock photos or filler charts, but unless these images are integral to your design and critical to your brand identity they’re just going to distract from your message.

Along with the overall structure of your newsletter design, remember to keep mobile viewing at the top of mind as well. Litmus Email Analytics reports that in 2016 mobile email opens rose to 56 percent (while desktop opens maintained at 19 percent), which means that for newsletter design to be effective, it needs to be mobile-forward–make sure you’re working with responsive design templates, so your content can be read as easily on a mobile device as it can on a desktop.

A newsletter redesign might seem a bit daunting if you don’t have coding skills, but fortunately there are major newsletter platforms that don’t require a coding background to create customized templates. HubSpot features a Template Builder that allows customization using zero code, while MailChimp has an extensive guide covering some of the coding basics needed to build templates.

Get the Beginner's Guide to What to Put in Your Tech Portfolio

Get the Beginner's Guide to What to Put in Your Tech Portfolio

Get dozens of resources, plus expert tips on how to build a KILLER portfolio even if you're an absolute beginner.

Deepina Kapila

Dee is a fun-loving instructor with diverse tech experience across Fortune 500 companies, early-stage start-ups, government agencies & non-profits. Dee works at mobile product design studio Funsize, in Austin Texas where she lives with her husband, 2 border collie mixes, & 2 cats.

In her spare time she enjoys playing video games, reading on her Kindle & scuba diving in her hometown (Curaçao - an island in the Caribbean!).

Your email address will not be published.



  1. охота на крупную рыбу Replied

    Thank you for the good writeup. It in fact was a amusement account it. Look advanced to more added agreeable from you! By the way, how could we communicate?

  2. Jannette Eayrs Replied

    I went over this site and I think you have a lot of fantastic info , saved to my bookmarks (:.

  3. rental notebook Replied

    halloween posters to distillery advertisement – Chalkboards make it all more interesting, more believable and (why not) cooler. But hiring a chaklboard designer is expensive.

  4. Rude69.com Replied

    Hi, thanks for this. Would it be possible to cite some of the evidence based research you quoted as this would be really helpful and powerful 3 week diet.

  5. Sabrina Replied

    Excellent advice. I have been looking for some insight for building my portfolio and your post here is the best article yet. Thank you.

  6. componentes en madrid de hp a watts Replied

    Compruébelo, otros servicios técnicos de electrodomésticos le cobrarán el desplazamiento, la visita, el presupuesto y además es muy posible que le engorden el presupuesto con altos costes de mano de obra y cambiando algunas piezas, que pueden no estar en mal estado pueden no ser necesario cambiarlas en su electrodoméstico. Le ofrecemos visita y desplazamiento gratis en toda la Comunidad Madrid ya que tenemos técnicos repartidos por toda la Comunidad. La evolución de los electrodomésticos también ayuda a los técnicos, pues la mayoría de electrodomésticos nuevos vienen con sistemas de seguridad y de auto-diagnóstico.

  7. ecare india pvt ltd tirunelveli Replied

    This is great informative content. Thank you for publishing this. Many people leave very spammy comments and it can get annoying. Thank you I really appreciate the unique articles you write.

  8. Amal Nemerofsky Replied

    Exploring different typefaces and colours is part of the discovery phase of a project. Generally, I would recommend not using more than two different typefaces in a website, although it really depends on its nature. Choose a font that is easy to read for big chunks of text, and be more playful with titles and calls to action. Don’t be afraid of using big fonts, and be creative and consistent when using typography.

  9. Rigoberto Britsch Replied

    Claudio Guglieri worked on the UI design at Microsoft Music

  10. Antonio Santoro Replied

    Simple layouts tend to be easier to navigate

  11. nivel de eficiencia energetica de los electrodomesticos Replied

    Nota: Este epígrafe autoriza para la venta en pequeñas cantidades, con aplicación al calzado, de betunes, cremas, trencillas, plantillas, calzadores y efectos análogos, suelas y tacones de goma, pudiendo colocar estos últimos artículos en el momento de prestar el servicio de limpieza. Los sujetos pasivos que presten servicios de peluquería en hogares centros de la tercera edad, satisfarán el 50 de la cuota correspondiente. Epígrafe 981.1.- Curiosidades, bien naturales artificiales, en parques, castillos, grutas, cuevas, etc.

  12. historia de electrodomesticos en amperes to milliamperes Replied

    Lunes 24 de mayo recibo un mensaje en el móvil indicanado que el portátil había sido recepcionado en la central de Sony de Alemania. Yo compre también un sony vaio que es un lujazo de ordenador y me ha durado un año.Pero el problema empieza aqui como no funciona llamo al servicio tecnico donde no te solucionan nada te dicen que te llamaran y no te llaman.Y te cobran 50 euros si no tienes disco de recuperación.Y encima no te llega y tienes que estar detras de ellos. He tenido 2 Sony vaio y la verdad he evitado el servicio técnico cuanto he podido y la verdad por suerte, ya que no he tenido problemas importantes.

  13. Office Partition in Madurai Replied

    I am only commenting to make you know of the wonderful experience my friend’s girl experienced reading through your web site. She figured out some pieces, not to mention what it’s like to have a very effective helping heart to have others without problems understand a variety of grueling issues. You actually exceeded people’s expectations. I appreciate you for distributing those effective, trusted, revealing as well as easy tips on that topic to Kate.

  14. good ways to make money for kids fast forward Replied

    An fascinating discussion is worth comment. I do think that you ought to write read more about this topic, may possibly not certainly be a taboo subject but typically people are inadequate to communicate on such topics. To a higher. Cheers

  15. business to business marketing meaning of differentiation in psychology Replied

    bed sheets that are made of flannel fabric are the best type of bed sheets-

  16. Artists Commercial in Thoothukudi Replied

    This is great informative content. Thank you for publishing this. Many people leave very spammy comments and it can get annoying. Thank you I really appreciate the unique articles you write.

  17. Bloggar.org Replied

    With the emergence of blockchain technology, advancement appears not even close to being over, and new processes and solutions surface. We seek to orchestrate the adoption of a completely decentralized ecosystem with the aid of distributed ledger technological innovation. It most certainly is an extremely electrifying time to be established in the blockchain area and as more people take on this disruptive technology, it is going to hopefully allow us to build a far more safeguarded, appropriate and open world.

  18. Eulalia Replied

    What’s up to all, it’s truly a good for me to visit this web site, it contains helpful Information.

    PSG fotbollströja barn

  19. Repuestos De Electrodomesticos En Madrid Replied

    Técnicos especialistas en la reparación de lavadoras, lavavajillas, frigoríficos, cocinas, hornos y vitrocerámicas AEG, Ariston, Aspes, Balay, Bosch, Candy, Corberó, Edesa, Electrolux, Fagor, Indesit, Liebherr, Miele, Newpol, Otsein, Rommer, Siemens, Teka, Whirpool y Zanussi, y técnicos especialistas en la reparación de calderas, termos y calentadores Cointra, Junkers, Saunier Duval y Vaillant, entre otras marcas.

  20. electrodomesticos de baixo consumo de alcohol Replied

    Cuantas más páginas indexen los motores de búsqueda, mejor, ya que esto ofrece más oportunidades de que su sitio web se encuentre. Aunque no existe un límite definido en cuanto al número de enlaces que debería incluir en una página, es mejor limitar el número de enlaces a 200 por página. Realizamos la renovación del cableado eléctrico de su vivienda en Parla solo tiene que llamarnos al 424 9 77.

  21. how2fixit apk Replied

    I have been absent for a while, but now I remember why I used to love this blog. Thank you, I will try and check back more often. How frequently you update your website?

  22. Meagan Replied

    I have been exploring for a little bit for any high quality articles or weblog posts on this sort
    of space . Exploring in Yahoo I eventually stumbled upon this website.
    Studying this information So i am glad to show that I’ve a very just
    right uncanny feeling I discovered exactly what I needed.

    I most surely will make certain to do not disregard this web
    site and provides it a look regularly.

    barcelona Fodboldtrøje

  23. zvodret iluret Replied

    I like this web blog its a master peace ! Glad I observed this on google .

  24. Arthur Urueta Replied

    I and my guys were found to be going through the good guidelines located on your web site and then instantly came up with a horrible feeling I had not expressed respect to the web blog owner for those techniques. All the women came passionate to learn them and have in effect seriously been loving them. We appreciate you turning out to be indeed thoughtful and for utilizing this form of superior things most people are really desperate to be aware of. Our sincere regret for not expressing appreciation to you sooner.

  25. Internetseite Englisch Dolmetscher Replied

    Toller Beitrag! Das Thema ist zurzeit sehr aktuell und wird es evtl. künftig weiterhin bleiben.

  26. K. Replied

    Ugh, I went to school for graphic design in 1992-2000, since then I am trying to change careers and internship for my new career while I am in school wants a portfolio from my graphic design days… I don’t have one. I left the program because the instructor told me she wasn’t letting me in the portfolio class. I worked as a graphic designer, but I did company software items. I can’t share their work because of an agreement. We never learned web design. It was letterheads, business cards, mock up ads, posters, etc.

    I’m really stressing because I need this internship for my degree. Though I am not sure it will be what I need for

  27. Cyrus Santilukka Replied

    Wow, this article is nice, my sister is analyzing these kinds of things, so I am going to inform her.|

  28. Colton Zinsmeister Replied

    Everything is very open with a precise clarification of the issues. It was definitely informative. Your site is extremely helpful. Many thanks for sharing!|

  29. Anitra Replied

    online casino
    online slots
    online slots
    casino games

  30. Tad Arciniega Replied

    Howdy just wanted to give you a brief heads up and let you know a few of the images aren’t loading properly. I’m not sure why but I think its a linking issue. I’ve tried it in two different web browsers and both show the same outcome.

  31. Manuela Replied

    Icon set, in which course are you teaching how to create an icon set?

  32. Adria aghasi Replied

    I want to know which field in graphic design is the best and needed one?

  33. Rich Replied

    How come no one mentions the fact that these companies actually want experience and whole list of projects? I have two projects and I’m pretty proficient with html5 and css3 and jquery. But when I go to interviews, they expect to see more than 2 projects under my portfolio. It’s been a tough road, but it’s not as easy as it seems getting a job as a front end developer for recruiters or companies. Don’t get me wrong, anyone can really learn html and css, but when it comes to javascript, they expect more than the basics. Frameworks are a hot thing right now and it seems like the city I’m in has the hots for angular, backbone and nodejs. So I’ve been considering making real time apps with one of those Frameworks instead of relying on making static sites with html css and jquery. I have had a lot of interviews and I’ve been really unsuccessful.

    • I am a full stack developer and am fairly new to the development industry so I know your pain. Experience is number one in the industry because its easier to say you know something and use it for a few projects. Using it everyday on the job is very different.

      angular, backbone and nodejs are rarely going to be entry level positions. Until you get a larger portfolio you should look for more entry level positions. Other ways to get the experience is to contribute to open source projects on github, attend meetups and present at conferences.

Want more articles like this?

Sign up to get the most recent tech news, tips and career advice.