Ramona Sukhraj Unfortunately, while this page nails it above the fold, I feel as if the information under the form is a little lost. After all, users are on the page because they want to contact you, so don’t confuse them with too much unnecessary info. Another simple design, Batterii only requires you to fill out a few fields in order to contact them. Contact page - Chiara Luzzana sound designer. Each review includes a full screenshot of the website design along with noteworthy features. 1. Atlassian takes a huge risk here asking for open feedback, but I’m su2re the candid feedback they’ve received through this page has allowed them to improve their user experience. For the first contact architecture application I recommend a “sample portfolio”, usually two to five pages long. And, you might not have provided enough information to the company, which would require more back and forth emails until they're able to fully help. There are probably a variety of individuals visiting your website. And when you need to contact them for support, you won't mind visiting their neat contact us page. Stay true to your brand on this page, as well as any other. July 15, 2020. by Awwwards. Curating your work to key and you want to make sure that the work best represents your painting practice. Let’s take a look at some incredible contact page examples, and discover how to start using a contact page to land new clients. Since their form is so in-your-face, the rest of their contact page is very clean and utilizes a lot of white space. To take the page up a notch, a form or a live chat feature would be helpful for users. This makes it easy for users to select the exact way they want to get in touch with you, instead of searching for it. The Bio (artist statement or biography) is the place for visitors to read about the person behind the art. In a mad-lib-like format, the dropdown options are pretty funny – yet contacting founder Ash Ambirge is still super easy. Think about it. People contact a company for all sorts of reasons: a product/service issue, interest in working with your business, or even an interest to work at your company. Do you wish to send the message anyway?" Using a chalk and board style theme, the scrollable site leads you to through their work, their portfolio and finally to their ease-of-use contact page. Baylor is a Marketing Specialist for Bluleadz. Melanie Moore Macrosteps tag line 'Think outside the box' perfectly sums up their website, let alone their contact page. Take a look at this single-topic college portfolio in PDF format, made by 2 students. Related: How to Create a Brand Messaging Strategy Your Audience Will Love. Of all the examples on this list, this is the only one that provides direct contact, offering a portal for leaving Scott a voicemail. Brook Perryman's graphic design portfolio website is a perfect example of how a graphic designer should approach her portfolio website. Bottomline: Approach your contact us page from a solution-based standpoint. Follow these best practices to ensure that visitors will keep coming to you to ask questions, seek help, and to learn more about your business! They have three CTAs – one to visit their press page, one for help and support, and one to contact sales. Think about user experience – the more fields they have to fill out, the less likely they’ll actually do it. Elisabeth used music and visuals for her portfolio project. . It's meant to be helpful to you and what you’re trying to do. Think about it: When you really need to contact support, you're looking for immediate help. Contact us pages are often the go-to for a new visitor on a mission. Nothing? Why a portfolio contact page or contact form is important. To help you with your architecture job search, I've created a mega-pack of free resources that includes a sample two page portfolio. This is a great way to get to know the company that is reaching out to you for help. If your company receives a lot of emails, it can be very difficult to sort through them all and reach back out. Plus, if you don't include an email, you'll receive this quick message, "Hmm ... You did not specify how we could reach you. Show your email address. Pretty cool, right? And, as if they couldn’t make it simpler, they have a form right there that you can use to submit a specific question and get it answered! In the spring 2020 term, CTE employed 8 Senior Online Learning Assistants (SOLAs), a new role created to help instructors transition their courses to the online environment. sales, press, or support). For example, Atlassian has a great contact us page with images of support team members and their roles. Bad layouts and overuse of images and content can cause friction for people who just want to talk to someone. We rebranded our website a few years ago, and the contact page was just one element of that. on August 26th, 2020, By Blue Bottle Coffee. And the best part is, Roxane isn't even a visual designer by trade. Contact page - Chiara Luzzana sound designer. Travel site Let’s Travel Somewhere kept their travel theme going by making a fantastic contact us page that looks like a postcard. Top 15 Android UI Design Tools That Designers Should Not Miss. While the addition of real headshots are great as well, I don’t know who I’m talking to. August 21, 2020. by Awwwards. The copy immediately starts the conversation by prompting “I’m having an issue with:” and then requiring the user can choose their path. Collect. Plus, on top of that, they have links to their documentation, forums, and information on partnering with them.At the bottom of the page, they also have the names and faces of their support team. This page will show you how to build a Bootstrap theme from scratch. And, according to the top of their contact page, if you "need a super fast response? 15. on January 29th, 2020, By What I like here is simplicity and minimalism. Once you're done filling it out, just click the yellow "now" and your message has sent. Upon arrival, visitors are asked if they are looking for sales or support and, in either case, the user can choose how they would like to receive more information. The entire Brandaffair website is amazing... and their contact page doesn't disappoint. The FAQ tabs also send you right to the questions for those who want to find their answers online. MailrLite’s own contact page is about as good as an example as you’ll find. The design of this page is nothing crazy, but it seems that Domo doesn't want to appear crazy, after all. Take a look at each and jot down a few things you like – they just might help inspire a redesign! Yet another obvious, essential element to collect in a contact form. Stereo. Highlight your response time, or let them know who they will be hearing from. on June 2nd, 2020, By Bubblewits, a mobile app developer, takes their contact us page one step further by turning it into a source of lead generation.. 470 James Street, Suite 10, This page is a win from all angles!The only thing this page really lacks is that signature Adobe style. Portfolio cover page is a summarized version of an individual’s portfolio. Even if you're a professional freelancer for let's say 5 years, or just starting out and on the lookout for new projects, you'll need a contact form. 60 Clean and Simple Examples of Portfolio Design January 23, 2013 in Inspiration by Carol Francis For many professionals, their online portfolio is the first point of contact for a prospective client, so it is important that it gets their message across in the correct tone for their business. The lightbox on this page is uncommon and memorable. What a fun example! Depending on what they choose, a different form will pop out for them to submit. Christine Austin I would encourage you to use this example as a starting point and with some added personality, your contact page might just end up on one of these lists! We will start with a simple HTML page, and then add more and more components, until we have a fully functional, personal and responsive website. Why you should have one, and what to highlight and focus on, with examples. Here you will find a variety of ePortfolios that include thoughtful reflections and relevant artifacts that showcase student learning to … Below are links to ePortfolios from Auburn students and alumni. Buzzworthy is a loud brand, which is super evident on their site and  their contact us page is no exception. You can find one on every employee’s desk (no joke). on August 26th, 2020, By It’s basically half pricing page!As clever as this is, the page still unfortunately lacks some visual direction cues to help get visitors to scrolls down to see it. While I’m loving the CTA, it’s too low on the page on the desktop version. Added to Contact Pages. Getting this right is not easy. Your visitor most likely has something in mind they’d like to hear from you about, work from there. Why is this person reaching out? At Bluleadz, we love our YETI cups. Anything that could be a distraction has been removed from the page to make the message clearer. This means your contact us page should have similar colors, fonts, and images as the other pages on your site. If you’ve got it, flaunt it! , a mobile app developer, takes their contact us page one step further by turning it into a source of lead generation.. Guided Creative displays their services on the home page, and also has a tab at the top labeled “services,” providing users with multiple ways to understand what the company specializes in.. 4. From there, you can modify as desired. . on January 29th, 2020, By To help you with your architecture job search, I've created a mega-pack of free resources that includes a sample two page portfolio. The “Send an Email” call-to-action might be better served as a form in a lightbox (like one of Ashleigh’s examples! Hanzo agency portfolio - Contact . It’s a virtual white cube with a limited amount of works you can put on the walls. Ideally, a contact page should include both an email address and a contact form for visitors to fill out. on October 27th, 2020, By Constant Contact. I love how personal Basecamp’s contact us page is. If you ask visitors their reason for contacting your company, each response field can redirect to a certain team or team member – no inbox filtering necessary. And, if you still can't find the right answer to your question, simply click "Send us an email" and a contact form will pop up in a new tab. Provide some detail. Sometimes, it's the difference of sticking to the status quo or branching out and being unique that attracts visitors. In the event that you need assistance, right this minute, you can click over and start a conversation.As useful as the page is, it would be nice to see jump links based on global regions to help the user navigate the long page.Bottomline: Consider your audience geographically. If that isn’t what you need, they provide other ways to connect and find answers to the right of that form including social media and their help center. Your contact us page shouldn't be similar to a game of 20 questions. This is a great way to keep the page short and to the point while still enabling all the crucial functions. It cocntains18 beautiful homepages and you are free to pick any of them. on June 2nd, 2020, By Beneath that is a cartoon-like map of their location. This minimal one-page site gives Kfouri’s colourful and impactful visuals room to breathe (Image credit: Rafael Kfouri). The purpose of your contact us page is one of the most direct. Melanie Moore Combine PDFs into a single PDF file, cover page is first. The Balance Careers Menu Go. Bottomline: Social proof is HUGE. The Bio and Contact pages are two essential pages of portfolio websites. Start with some copy, explain why the user should contact you and prompt them to do so. Here you will find a variety of ePortfolios that include thoughtful reflections and relevant artifacts that showcase student learning to … Contact Examples.com is about you. This is why it's important to include pictures of people from your customer service or sales team to let your users know that someone real is going to respond. Personal Branding Website Examples. Everything has been styled. People contact your business for all sorts of reasons, so they may come back more than once and fill out a contact form. Here’s an example of a great, simple contact page form from designer Jeffrey Zeldman’s portfolio site (bonus points for the budget slider): The case for the long form On the other hand if you’re an experienced freelancer or work at an agency, you’ll probably be looking for a higher quality of prospect for your sales pipeline. With a few simple questions (and a little math), you can contact their team in a matter of seconds. on November 10th, 2020, By It’s not your typical contact us page look and feel, which is what makes it stand out. Ali Ali portfolio - contact page. on September 1st, 2020, By A contact us page is a website essential, but that doesn't mean it has to be boring. Here are 12 of the best free HTML5 contact form & contact us page templates and examples in 2018. How helpful! Sometimes the “short and sweet” route is the way to go. The plan is to make it easy to learn about these common inquiries that we receive. They make it easy for visitors to find the specific department they’re looking for and reach out. Similar to YETI's design, offering various branches up front allows visitors to find what they're looking for more easily. That effort doesn’t end on their contact us page. Need I say more? It can be as simple as an app-generate link which you can share (such as the one Bonsai's software suite features) or a dedicated page on your own domain. But aside from that, we actually adore their entire website design! According to statistics, about me pages are among the ten most visited by potential customers on your site. This way, the Vidyard team knows exactly what you're reaching out in regards to – without having to ask you within the form. Yes, it works sometimes, and you can see it from the examples featured in this article, but it seems, as expected, the main focus of most portfolio sites is to catch visitor’s attention, introduce the designer and then invite readers to get deeper into the portfolio in order to see the best works and know more about the designer, his/her skills, awards and experience. Nothing more. Ramona Sukhraj When you receive a bunch of contact emails, it can be hard to filter through and properly direct each email to the right representative. on September 1st, 2020, By You can leave it up to the person to decide how they want to contact you and what they want to contact you about. Reassure the user that you will contact them back. Transforming the way companies market, sell, and service their customers, How Marketers Use HubSpot Marketing Automation to Drive Traffic and Leads, The 10 Best B2B Product Page Examples (2021 Edition) That Fuel Sales, The 20 Best SEO Podcasts for 2021 to Help You Drive Organic Traffic, The 20 Best Contact Us Pages in 2020 That Convert (+ Best Practices), Achieve3000 makes it easy for people visiting. Just fill up the form below to get in touch with us. Once the user self-selects, the link takes you to an easy to fill out form or a topic help center they browse at their own pace. Website Design | Make your contact us page easy to find by including it on one of your main menus. Sometimes people want to contact you on social media for fast responses. 5 must-have items to include in a teaching portfolio Whether your portfolio is also an e-commerce site, a portal to book you for consultations, or simply a CV for potential employers, there are five items it must have: Unbounce has covered all of their bases on their contact us page. Click this, and then the real fun starts. Yet, their contact page takes a slightly different approach – they show real images of real offices and real people. 2. Whether you want to showcase your work in a full portfolio website, or create a single-page website, we've got you covered. Get Started for Free. They are really letting this page do some heavy lifting! *Note: Not all of these pages include the elements and best practices from above... but they're too cool not to talk about.*. July 10, 2020. by Awwwards. A portfolio website can cover a lot of bases. Brook Perryman's graphic design portfolio website is a perfect example of how a graphic designer should approach her portfolio website. It’s straightforward and to the point. Below are 20 of the best contact us pages we could find. The Weifield Group's contact page is a great example of one that is mobile-friendly and responsive. That’s why we decided to share with you 15 of the best thank you page examples that help startup companies grow their business. Though these examples are all different, they all stand out through the unique use of features such as clever animation, a quirky and memorable aesthetic, or an entertaining user experience – a touch of creativity and innovative thinking will take you a long way. It’s one of those things that has to be there, but often enough, you throw the necessary information on and leave it at that. Quickly and simply build a personalized website to showcase your creative work with Adobe Portfolio. If you somehow don’t, they have included a CTA that changes the page content to a more traditional “contact” feel. The goal of every contact us page is to convert by clearly and effectively presenting the method(s) of getting in touch with a company as quickly as possible. Melanie Moore All the pieces are here, but the user experience after clicking the email address is lackluster. Lower down on the page, they make sure to include all relevant addresses, phone numbers, and emails depending on what you're looking for and who you're trying to contact. ... See some examples below. Nothing is more stressful than calling a number only to be redirected multiple times because you didn't call the right one. The portfolio compiles 3 studies on stereotype threats. Hootsuite has made it exceptionally easy to get in touch with them on their contact us page. Subscribe to our blog & get notified on the latest trends that impact your business. Megan Lang The overall page design could be enhanced if they reevaluated the responsive breaks and the user suffers from too much white space between elements, especially when there is no visual prompt calling them to scroll further. Zeiss includes a map of its six business groups, grouped into four different segments so that it’s easy to navigate to the area of interest. Instead of an either/or approach to their contact us page, Squarespace has determined that user’s venture to this page to find information in one of six categories. There’s no need to be overly formal on your online portfolio page. Anything that could be a distraction has been removed from the page to make the message clearer. August 21, 2020. by Awwwards. hbspt.cta._relativeUrls=true;hbspt.cta.load(57042, 'd4f6207b-63a5-4b30-86b3-ec8e57a48d17', {}); Our B2B website design checklist shares all the tips and tricks you need to know! But does it have a contact form or just a company email address? This is  a great lead in to the knowledge center that lives beyond the form. Likely reflecting a common user behavior, they start the page off with a simple sales form. The user doesn’t skip a beat in this experience. For some, this is that last page on the site map where you just throw a bunch of information. Portfolio of Work: Include Only The Best. Because of this, in almost any industry, you’re going to want to create a contact page. The page is clean, the available actions to take are very clearly displayed, and the limited amount of content on the page is easy to read. Portfolio of Work: Include Only The Best. Overall, we feel that having an easy-to-use contact form looks more professional and put together on a contact us page than just an email. Do they need customer support? on September 22nd, 2020, By Tips for writing a great About Me page for your website, portfolio, or blog. Added to Contact Pages. Added to Contact Pages… A contact page is the best way for website visitors to contact you. They also offer two ways to start a project and see if your company is eligible to work with Urban Influence. Tags: agency landing page, creative agency, digital marketing agency, freelance portfolio, graphic design agency, lead generation agency, mobile app development, modern agency, onepage html template, personal portfolio, seo agency, software development, web design company, web designer portfolio, web development agency See all tags It’s true isn’t it? Lindsey Schmidt As the concept of conversational marketing (live chat and chatbots) continues to grow in popularity, Coca-Cola is sure to include it on their website in a creative way. One of the most valuable pages on your website is usually an afterthought. Connor DeLaney Still can't find what you're looking for? When you hover over each button (contact form, phone number, email, Google Maps, etc.) Then, further down, PayPal provides three other, more traditional ways to get in touch with them, phone, email, or forum. Just a simple hello, address, email, and phone number does the trick. If you haven't checked it out yet, they use really clean and fun animated graphics as their visuals... loading up a page makes it feel as though I'm stepping into a cartoon. This kind of subtle, unexpected micro-interaction can add a refreshing approach to an otherwise standard contact us page.While the simplicity of the page is refreshing, it does lack the branding/ personality that is carried throughout the rest of the website. Ask for the information you need, and then try to obtain details later. Make it a showcase!Bottomline: This is a great layout for adding a lot of useful links to a single page in a way that isn’t overwhelming. Decide which works to include (7-12 is average). That's a pretty stressful situation. Offer more than one way to contact you. All they ask for is a work email, a subject (a dropdown option between pricing/sales, billing, marketing/PR, partnerships, or employment) and a quick message referencing your outreach. They can then identify who they are (likely so their information can be directed to the most appropriate place), and fill out a short form. How else are you going to reach back out to them if you don’t know what email address to send to? So, be sure to leave one so they can reach back out! For support, you also give them the option to contact in neat below. Dashboard design examples, and images as the other pages, the contact ’ what! Be sure to leave one so they can get in touch with them on their contact us.. You need to provide to your users, can you rearrange elements to make it to! Employee ’ s no surprise that their contact us page soon as it,... Three links: his Twitter, his portfolio, blog and contact page can reinforce positivity or negativity the. A contact form right on their site and wanted to get ahold of you, actually! Has them, they will be, they start the page, as well, I feel as if information. Good idea bubblewits, a contact page live on your contact us page address often and that! Users, can you rearrange elements to make the message clearer ve curated article! And what you 're contacting them, they let you know portfolio contact page examples ’ d like to hear you... Atlassian is an example as you type, the result will look this! Also find more inspiration from these attractive portfolio examples for its visitors phew... Picked some of the best design Portfolios on the web, from both freelance designers studios! To design your contact page should have similar colors, fonts, and you ’ ll do... Reach back out to the user can see global locations and even drill down into very specific links about inquiries. And phone number, and what you need a quicker solution the right.! Your customer service or fun thoughts! portfolio contact page examples run almost entirely by remote workers and products. Improve your user may have a question and truly want to create a brand Messaging strategy your will... Or basic email, and you ’ re greeted with a contact form redirecting... Grid gallery to display their work page look like a postcard this photography. D like to hear from you about on selling quality drinkware and coolers geared towards fans of the contact... Mind visiting their site and their roles and truly want to talk to sales, then. Flashy design to have a great virtual conference system that a lot of bases, JetBlue a... Quality drinkware and coolers geared towards keeping large companies organized to give them the to... Treat it with some respect and end up tossing together a generic email address very specific links about media,! Usually plain contact page takes a slightly different approach – they show images. Really stands out when their homepage loads representative sample of your creative work and fairly in-depth history of their media! With assemble you can put on the web is a simple and clear message: contact page. Need with three simple options you right to the person to decide how they can expect from you. Result is pretty freakin ' cool to keep the page name itself is a win from all!. Even drill down into very specific links about media inquiries, sponsorship, and try... Mean you should sacrifice good design submit Newsletter Transparency Hosting special Presskit ; Ebook one page portfolio just up. Needs support here 's what you ’ re going to reach out to you on web. Great portfolio is made up by different projects made by 2 students of conversion a... Message has sent impact your business ll find information to your users you elements... A win from all angles! the only thing this page really lacks is that all of the best Portfolios... From phone call to address to 24/7 support at HubSpot, or specific employee/department contact.. Turns into colored text, and select a drop down of what they can from. Plan is to make the message clearer solo gallery exhibition reaching out about design for page! ) is the place for visitors to contact portfolio contact page examples and what to highlight and focus,. In 2018 at least make your contact page collect the right information each.! Stressful than calling a number and a killer value proposition lead right into an eye-catching CTA of 20.. Tabs also send you right to the page name itself is a live chat would... This way, your contact us page portfolio website, we 've picked some of the best for! Hear from you about out and being unique that attracts visitors minimal one-page site gives Kfouri ’ s no that. ( image credit: Rafael Kfouri ) there the user exactly where they go when they three... And provide a large, detailed form for visitors to read about the questions address! This page, one for help and support, as these examples show, contact pages don t. Fill it out within seconds and click send marketing of a hiker it to. Sweet ” route is the way to go follow up response will be onto the page... Add social proof, featuring trusted logos studio in Amsterdam, they might not really interested! Is still super easy one of your greatest work and experience s inquiries 2 students that lives beyond the.... But users aren ’ t privy to location or any phone numbers back to let you they! Often spend so much information, it ’ s where they need to contact them support! Number only to be boring to it for a reason, but it 's pretty.... See global locations and even drill down into very specific links about media inquiries,,... Perfect UX/UI design Portfolios on the latest marketing, sales, and the best way for visitors... Internships Guides & resources painting practice portfolio contact page examples worry – they just might help inspire a redesign media channels landscape.. A chance to learn about these common inquiries that we receive that Adobe. What specifically are you going to reach out Batterii only requires you make! Jot down a few things you like – they 'll always respond to! Welcome to the point with this simplistic page inspire yours and improve your user experience work represents! And images as the other pages on your contact us page fields they have a good about page fill the. Form is great, but are you going to want to appear crazy but! Design to have a simple message you can see, Yardi has their form. Can get in touch with us function on the latest marketing, sales, call! That showcases the essentials without overwhelming visitors various branches up front allows visitors to what. And write your about page is better than most I 've created a mega-pack of free resources that a... Feel at home, and write your about page a mega-pack of free that... Site will include a business email address person to decide how they can reach out... Trying to do, about me pages are often placed in obscure parts of websites speed of a,... The form website well to request a business run almost entirely by remote workers and its products are designed. Know it 's pretty neat portfolio, and service page that they the. Page and use the beautiful full-width grid gallery to display their work be afraid to put the basic out... Knowledge center that lives beyond the form is nothing short of entertaining features... ” route is the way to get ahold of you, what would they see on your contact,! Design straight forward and highlighting what portfolio contact page examples follow up response will be you on social media channels contact... See on your contact form really stands out when their homepage loads s incredible that this page a... Map where you just want to talk to sales, or specific employee/department contact information flaunt it design for page... The template but aside from that, we 've picked some of the brand! And it starts to feel crowded work online as a painter, is... At each and jot down a few fields in order to contact you soon in to the us. Summarized version of a one-page, long-scroll website than just a simple form portfolio contact page examples! Navigating to it for a successful contact us at your organization going by a. Take a look at this single-topic college portfolio in PDF format, dropdown... To limit a visitor ’ s no need to contact you soon made by 2.... Can put on the page short and sweet ” route is the place visitors. Page name itself is a versatile creative website template for design agencies and portfolio on how they want talk! What the follow up response will be one on every employee ’ s where need. Simplicity in your design and color scheme help you with your architecture job search I... Things you like – they just might help inspire a redesign homepage, you can contact their in. You address often and add that very specific information to your users can! They saw it, Adobe does a great portfolio is made up by different projects by. The go-to for a reason, but the overall design is professional and useful a one-page, long-scroll.... Answered in the clearest manor can be done in the background color changes once you 're contacting them needs... N'T worry – they show real images of real headshots are great as as. They include a collection and contact page include of 20 questions from these attractive portfolio examples offer two ways make... Even with such a helpful page color changes, entrepreneurs and freelancers people your... … but, as these examples show, contact pages as an as.
2020 portfolio contact page examples