Table Of Content
As you arrive on the web page, you are greeted with a slide show of brand-related content. There is a short-sized sticky navigation bar with a hover effect that makes it easy to explore every aspect of the web page. With the sticky navigation bar, exploring the various pages such as Mariah Baker’s resume, biography, and design projects is like walking in the park. Her online design portfolio uses a five-column layout to display a few projects, and each section has a thumbnail feature linking to the main project page.
The purpose of your UI/UX design portfolio
If you scroll further, you will see multiple large images in a grid-like arrangement across the pages. I love how the site's dominant colors are black, neon yellow, and deep pink giving the portfolio page a unique and signature outlook. This first catchy element on this portfolio website is an engaging video background that tells a little story about Obladee and their exploits. The other column has a catchy and compelling pitch that will get visitors to click the yellow-colored “Get in Touch” CTA. The hero section features an interesting video linked to a page that features some of his mind-blowing projects.
Recommended Portfolio Template: Ukko
Landing on Vicky Marchenko’s portfolio feels like a warm welcome from a friend. The playful paper plane animation and friendly “hey there” expression deliver a sense of personal connection. Her consistent use of a comforting purple and white theme furthers this inviting atmosphere. We've compiled ten of our favorite examples of great UX portfolios to inspire you while you create your own.
6 big portfolio trends of 2019 - Creative Bloq
6 big portfolio trends of 2019.
Posted: Fri, 26 Jul 2019 07:00:00 GMT [source]
What to include on your web design portfolio website
I like how this industrial design webpage example displays a strategic and ample use of its white spaces, which gives the site an elegant and professional outlook. Illinois-based designer Milena Fay recommends that new designers spread the word about their design work from the start, even if they start with a project for a friend. These more traditional portfolios are typically notebooks or binders filled with pages of photographs, visuals and credentials. Use high resolution, professional-looking photographs and visuals as well as a high stock, quality paper to add to the professional look and to make it more durable to wear and tear. The composition of every page should be eye-catching and make the reader want more.
Matthew has created a seamless UX, letting us browse a system that’s since been overtaken by a more modern, sleek design. Dan Machado is a multidisciplinary designer who uses large, striking imagery on his homepage — on hover, his projects immediately immerse you into the realm of his amazing work. Each case study uses a mixture of captivating copy and imagery to demonstrate his process and a stunning final product. If you’re thinking of using imagery and video to complement your portfolio’s copy, Dan’s site is a fantastic point of reference for a sound approach. Andre Givenchy does an incredible job of clearly highlighting the value he brings and the passion behind every project he undertakes. Social proof is becoming increasingly important in today’s online environment, and Andre provides plenty — we get to see brands he’s worked with and testimonials alongside case studies.
Top web design portfolio using card-based layout
It also includes placeholders for client testimonials, a contact form, and a footer section with social media icons and additional links. Use Webflow's visual development platform to build completely custom, production-ready websites — or high-fidelity prototypes — without writing a line of code. If you want an example of a unique portfolio that’s clean, uncomplicated, and solely focused on the work, Timothy Maurer’s is a must-see. Timothy’s portfolio takes a simple, highly-engaging approach to design and acts as an index for all his best work. His portfolio homepage presents an impressive feed of Timothy's projects.
It is a portfolio and case study builder dedicated to UX/UI and web designers to create a website that you can be proud of. Alesia is a well-rounded, Chicago-based designer with over six years of experience in graphic and web design. Her colorful personality shines through the pages, along with her expertise and professionalism. Pick up the collection of your most compelling and most relevant projects to include in your portfolio.
Studio Bilge Nur Saltik
They have also used several variations of font sizes as you scroll down the page, providing a hierarchy to their information and descriptions available on the website. The website also features stunning hover effects on their menu, and divides the different sections of their page using personalized pictures. Remote web designing has now increased due to the interconnectivity with clients and coworkers over the internet. Inaki Soria strives on freelance web designing while working remotely from his clients. There is also a floating menu that allows you to click on the different works available on the website, with a header showcasing the next project that he is working on.
Top design portfolio examples for inspiration
Check out the portfolio website themes and design portfolio examples built on Pixpa. The best way to get expert help on creating your own portfolio is Shillington’s graphic design course. In fact, some of the portfolios you have just seen were created by Shillington graduates. This is another clear example of a brand/professional who uses Elementor to build a website that positions their brand as being fully at one and clear with their value proposition. This strategy allows website visitors and potential clients to understand what the added value of working with these designers and professionals is all about.
The use of a unique logo design with distinct fonts not only enhances the portfolio's aesthetic appeal but also facilitates easy recall and sharing among visitors. His portfolio showcases a captivating array of illustrations characterized by bold colors, dynamic shadows, and striking fonts. Moreover, his online portfolio website has a simple grid layout and minimalist design elements.
This website’s design and color scheme has a retro vibe that fits perfectly with all the design elements and niche. The dominant colors include white, black, dawn pink, and cognac which helps to bring out the Kansas flavor. The first thing you will notice on arrival is the brand’s logo design at the center of the hero section with a paint splash effect featuring multiple colors. The first thing that will get prospective clients' attention after visiting this portfolio site is the catalog of their latest project. With the search function, visitors can seamlessly locate items or information of their choice without breaking a sweat. I love how the bio section features a rolling eye effect on his pictures and multip pop-up graphics as you scroll.
If you design a website from scratch, create the framework by deciding on your layout type. If there was a vertical line running down your webpage, a symmetrical layout would imply that the visual weight is equal on both sides of that line. The first step in knowing how to make a portfolio is finding the right website building platform. From low-code, no-code platforms to entirely DIY-friendly software, choose a website builder that suits your knowledge, skills and resources. Keep your portfolio fresh and relevant by regularly updating it with new projects, skills, and achievements. Remove outdated or less relevant work to maintain a polished and up-to-date showcase of your abilities.
We hope you can draw inspiration from the mentioned examples and create your own portfolio that truly showcases your talent. Ryan Dean Sprague is a talented graphic designer and also a UX designer. What sets his portfolio website apart is its commitment to simplicity in UX and site structure.
His art practice is fuelled by his love for illustration and exploring the power held by an image. I love how she uses large-sized icons to represent her craft and clear text for clients to understand the content. Below the hero section is a short biography that tells her story as a graphics designer and a stunning picture where she stands with her dog is the icing on the cake. Tony Mayer is a Brooklyn, New York-based professional designer that's good with design tools like Sketch, Figma, Adobe Premiere Pro, and more. I love how the portfolio page displays various publications Sierra Plese’s works got featured in a one-column thumbnail format that links to the original project. As you scroll further, you will find eye-catching Instagram reels that will take visitors to her Instagram profile where they can view more of her content.
No comments:
Post a Comment