UX folio - FAQ

HELP CENTER / FAQ

Your Portfolio

Where can I change my template?

There are 3 templates to choose from on UXfol.io. On your portfolio page:

  1. Click on Portfolio Template in your header
  2. Hover over the displayed template
  3. Click on Change Template
  4. Choose the one you’d like to use
  5. Click on Change Template

Can I change my portfolio’s font?

You can only change fonts if you have a paying subscription. If you have a standard plan you can choose from 9 font pairings.

  1. Click on Portfolio Template in your header
  2. Click on the Fonts section
  3. From the Font Pairings panel choose the pairing you’d like to use
  4. Hit Save Fonts

If you have a premium plan you can choose from 900+ fonts and put together your own font pairings.

  1. Click on Portfolio Template in your header
  2. Click on the Fonts section
  3. From the Font Pairings panel choose the pairing you’d like to use or put together your own pairing on the Custom panel
  4. Click on the Custom panel
  5. Click on Add your own font combination
  6. Click on Choose Title Font
  7. Select a font from the list
  8. Click on Choose Body Font
  9. Select a font from the list
  10. Hit Save Fonts

Can I change the colors of my portfolio?

You can only change the colors of your portfolio template if you have a paying subscription.

  1. Click on Portfolio Template in your header
  2. Click on the Colors section
  3. Choose the desired colors for each section
  4. Hit Save Colors

Can I choose a different layout for my projects?

You can only change the layout of your projects if you have a paying subscription.

  1. Click on Portfolio Template in your header
  2. Click on the Project Thumbnails section
  3. Choose from the Popular panel
  4. Or put together your own unique thumbnails on the Custom panel
  5. Hit Save Layout

You can choose from 3 thumbnail sizes

  1. Small (2 in a row)
  2. Medium (1 in a row)
  3. Large (1 in a row)

You have 3 choices for the title visibility

  • Always
    Your project’s title and subtitle will be visible at all times no matter where it is placed
  • On hover
    Your project’s title and subtitle will only be visible when you visitor hovers over your project’s thumbnail
  • Never
    Your project’s title and subtitle will never be visible not even on hover (best for thumbnails that have already have writing on them)

You can choose from a variety of title placements and alignments. Please note that not all of them are available for all thumbnail sizes and title visibility options to make sure that all portfolios are as user-friendly as possible.

How do the different thumbnail options look on mobile and responsive views?

To assure the best readability for every UXfol.io portfolio the titles are always displayed under your thumbnails even though you set the titles to be on your thumbnails. This way the won’t clash with displayed mockups or colors used on your thumbnails

How can I reorder my projects on my portfolio?

You can only reorder already published projects on your portfolio so this option is not available for your draft projects. Once you published your projects:

  1. Click on Rearrange on top of your projects next to the Public Projects title
  2. Drag and drop the projects to their desired position
  3. Hit Save

Can I have my UXfol.io portfolio on my own domain?

Yes, in order to reach your portfolio from your own domain, you'll first need to point your URL to your UXFolio Portfolio. To do this, you must modify your domain's DNS settings. This step will be done through your DNS provider, not through UXFolio. Completing this is a bit different for each service, but it will likely consist of:

  • Modify the default A record for the root of your domain name (yoururl.com). The A record should be set to the IP addresses listed in your UXfolio Settings (67.207.77.53).
  • Modify the A record for your "www" subdomain (www.yoururl.com). This A record should also be set to the IP addresses listed in your UXfolio Settings (67.207.77.53).

(A Record stands for "Address Record." This is a type of DNS record that can be used to point your domain name to a static IP address.)

This is what a correct DNS set up looks like (will vary depending on what DNS provider you choose):

Type Name Value TTL
A @ 67.207.77.53 1 Hour
A www 67.207.77.53 1 Hour

Finally, enter your Own Domain in the UXfolio settings (Login to UXfol.io, click on your avatar in the top right-hand corner, "Settings" > "Domain"). Enter your Own Domain and click "Apply".
*Please enter the root domain (without www in front).

*PLEASE NOTE: When you connect a custom domain to your site, you're changing its DNS (Domain Name System) settings. These changes can take anywhere between 24 and 72 hours to start working properly. Domain providers refer to this waiting period as "propagation time," or the time it takes for changes to update throughout the web.

Additionally, below are links to DNS-related articles for a few popular domain host services. Should you encounter issues regarding how to adjust A Records and other DNS settings, these will be a great first step to getting them solved!

Select your DNS provider from the list below to get some tips on how to make the changes:

- GoDaddy
- NetworkSolutions
- DreamHost
- iWantMyName
- Bluehost
- Media Temple
- Google Apps
- 1and1
- 123reg
- NameSilo

Can I set password protection for some of my projects? I would like to share certain projects only with specific people.

You can set password protection for any of your projects, but first, make sure to publish the project.

  1. Hover over the project you want to password protect
  2. Click on Options in the upper right corner of the project's thumbnail
  3. Click on Set Password
  4. Type your password
  5. Hit Save

Please note that this feature is only available in the standard and premium plans.

Can I remove an already set up password?

If you no longer want to password protect a certain project, just

  1. Hover over the project you want to password protect
  2. Click on Options in the upper right corner of the project's thumbnail
  3. Click on Edit Password
  4. Delete your password
  5. Hit Save

Can I password protect a whole portfolio?

No, you can only set up passwords for individual projects. [Follow the instructions written here](Link to Set password question) If there are projects you don’t want certain recruiters to see, you can create different portfolios for different employers as [written here](link to multiple portfolios question)

Can password-protected sites still be used for UXfolio’s advertising purposes? Or are the password-protected projects discoverable in any public databases?

No, your data protection is important for us and we understand your intention that these projects are only for you and the people you share these with.

Data and privacy protection are really important for us too and we respect that you would like to keep projects private. Therefore, we provide reassurance to protect these using our password protection feature. Draft projects or projects under password protection cannot be used for advertising purposes.

Can I create more portfolios with different projects in each?

Yes, you can create different portfolios with unique links to share it with specific people.

  1. Click on Portfolios in your header
  2. Click on + Create New Portfolio
  3. Name your portfolio and choose which projects to put in them
  4. Hit Save
  5. You’ll be taken to your new portfolio
  6. To share it click on Share in the header and Copy the link provided

If you already created a portfolio previously and want to retrieve the share link you can also:

  1. Click on Portfolios in your header
  2. Find the portfolio you want
  3. Click on the Share icon
  4. Copy the link provided

Then you can send the relevant portfolio to the recruiter or employer when you are applying for a job. This way, it will be available only for the people you send the unique link to. You main portfolio, however, will contain all of your projects regardless of how many other portfolios you have.

How will the pages of the different portfolios look like?

The different portfolios' pages would look the same. So if you add your projects into different portfolios and then you send the relevant portfolio to the recruiter or employer when you are applying for a job, they will see a portfolio page just like you can see as your portfolio page. The only difference between the different portfolios - besides the different projects in it, of course - will be the different IDs in their URLs. A portfolio's URL will look like this:
"https://www.uxfol.io/portfolio/portfolio-ID/portfolio-name"

Your Projects

How do I get rid of formatting on text?

Every time you paste text into UXfol.io it gets rid of additional formatting. If some formatting is still left you can try the following:

  • paste your text without formatting (on mac: cmd+shift+v, on win: ctrl+shift+v)
  • paste your text without formatting in a completely new section in which you have added anything earlier
  • use the header, bold or italic options on your text panel to achieve the look you are going for

How do I add more columns of text?

As for now, we don’t support multiple columns for text, so you can only add a text section. However, you can try one of the following alternatives to achieve a multiple-column look.

  • Add an Image & Text section to display media next to your image
  • Add a Statistics section to showcase short texts up to 5 columns

What image formats can I upload?

We support every image format up to 5MB. In order for your projects to load as fast as possible we suggest uploading optimized images in the following formats: JPG, PNG, SVG, GIF.

How do I put the image before / after the text?

When using an Image & Text section you can only display them side-by-side. If you want to display them after each other use a separate Image section and Text section under each other.

How do I make the images smaller?

You can choose from different image size option in the Image&Text and Image section.

  1. Hover over your image
  2. In the Image&Text section choose from: Cover, Fit, Fit with Margin
    Cover: You image will cover the bounding box of the image and its height is determined by the amount of text you have next to it
    Fit: Your image will fit in the bounding box. It will reach the edges of the bounding box depending on if it has a portrait or landscape orientation
    Fit with Margin: Your image will behave the same way as the Fit option but with extra whitespace around the edges of your image.
  3. In the Image section choose from: Small, Medium or Large
    Small: Your image will be the same width as your text sections, its height determined by the image’s height
    Medium: Your image will be wider than your text sections, its height determined by the image’s height
    Large: Your image will be the same width as your display, its height determined by the image’s height

How do I showcase longer pages when using a mockup, and make the content inside scrollable?

You can add a scrollable mockup by simply adding a longer page to the mockup. The mockup will keep its size and the content inside will be scrollable.

What ratios do the mockups have on UXfol.io?

The mobile mockup uses 9:16 (at least 258 x 459)
The tablet mockup uses 3:4 (at least 360 x 480)
The web mockup uses 16:9 (at least 950 x 535)

To achieve to best possible image quality and assure speedy loading times always upload compressed images with twice the size of the recommended sizes to accommodate retina displays as well.

How can I share private videos on UXfol.io?

If your video is not open to the public you can use our Youtube video embedding feature.

  1. Upload your video to Youtube
  2. Set it to Unlisted
  3. In your case study click on Add Section
  4. Click on Video
  5. Paste your unlisted videos URL
  6. Hit Add Video

How do I upload videos to my projects?

As of now we only support video embedding so you can’t upload any videos to your projects. You can, however, upload your videos to Vimeo or Youtube and add them to your portfolio.

  1. In your case study click on Add Section
  2. Click on Video
  3. Paste your unlisted videos URL
  4. Hit Add Video

If you wish to share videos that are not public please follow the instruction here

Can I embed prototypes in my projects?

Sure, you can embed Axure, Invision and Marvel and Adobe XD prototypes by copying the iframe code to a prototype section.

  1. Click on Add Section
  2. Click on Prototype
  3. From the tabs on the top choose the prototype you have
  4. Paste the appropriate link
  5. Hit Embed

Embedding an Axure prototype

  1. Find your Axure prototype on axshare.com
  2. Find the URL of the project (3rd column in the table)
  3. Copy the link
  4. Paste it in the Prototype section of UXfol.io
  5. Once you paste your code a width and a height input field appears
  6. Set the width and height of your Axure prototype

Still not sure? Learn more

Embedding an Invision mobile prototype

(note: Currently, Invision doesn't allow web prototype embedding.)

  1. Open your Invision project
  2. In the header section click on the three dots
  3. Click on Embed Prototype
  4. Click on Iframe
  5. Copy the link
  6. Paste it in the Prototype section of UXfol.io

Still not sure? Learn more

Embedding a Marvel prototype

  1. Open your Marvel project
  2. Click on Share
  3. Click on Embed
  4. Copy the link
  5. Paste it in the Prototype section of UXfol.io

Still not sure? Learn more

Embedding an Adobe XD prototype

  1. Open your Adobe XD project
  2. Click on Share
  3. Click on Share for Review
  4. Make sure the option ‘Anyone with the link can view’ option is selected
  5. Click on Create Link
  6. Click on the ‘’ symbol for embed
  7. Paste it in the Prototype section of UXfol.io

Still not sure? Learn more

Embedding a Figma prototype

  1. Open your Figma project
  2. Click on Share
  3. Click on Share for Review
  4. Make sure the option ‘Anyone with the link can view’ option is selected
  5. Click on Create Link
  6. Click on the "< >" symbol for embed
  7. Paste it in the Prototype section of UXfol.io

Still not sure? Learn more

Embedding a Sketch prototype

Right now Sketch doesn’t have an option to embed its prototype. As soon as they release such a feature we can provide an option to embed Sketch on UXfol.io

If the prototype doesn't appear, make sure - You used the proper URL or embed code as written above - The project you are linking to is public and can be viewed by others

If you’d like to use another tool reach out to us so we know which tool to support next.

Your Projects

Can I remove the social share icons in the footer of my projects?

Yes, you are able to hide the social sharing icons on your projects with our Standard and Premium Plans.

  1. Click on your Style in your project header
  2. In the Project Style panel find Display Options
  3. Find the Show Social Icons section
  4. Set the switch to off
  5. Hit Save Options

Can I set a custom URL for my profile containing my name?

Yes, you can set a custom URL to your profile in your account settings. Your portfolio's URL will look like this: uxfol.io/username. You can set any username, it can be your name or anything else you prefer.

  1. Click on your profile image in your header
  2. Click on Settings
  3. In the Profile section find URL
  4. Type your desired URL name and hit Update URL

Can I resign any moment if I decide not to use UXfol.io anymore?

Sure, we only have a monthly subscription option, so you don't have to commit yourself. You can decide how long you would like to use UXfol.io. When you cancel your account it will revert back to the free plan right away, so we advise you to wait for the end of your billing period.

  1. Click on your profile image in your header
  2. Click on Settings
  3. In the Profile section find Plan & Payment
  4. Click on Cancel Subscription

What will happen to my projects if I cancel my subscription?

When cancelling your subscription you’ll have two options to choose from: Get back to the free plan or switch to our hosting plan.

If you switch back to the free plan:

  • you can only keep 2 of your projects
  • you’ll have to delete your other projects if you have more than 2
  • your portfolio and projects will lose all the customizations you made
  • if you removed the uxfol.io logo it will be placed back

If you switch to our hosting plan:

  • your public projects will set back to drafts
  • you will only be able to publish 1 project
  • your portfolio will stay as it is but you won’t be able to use our standard or premium features
  • if you removed the uxfol.io logo it will be placed back

How can I delete my account?

If you delete your account, please note that all of your data (including projects and drafts) will be lost and cannot be recovered.

  1. Click on your profile image in your header
  2. Click on Settings
  3. In the Profile section find Account
  4. Click on Delete Account

Reviews

How does the review system work?

Since we believe in giving back to the community as much as possible, we created this system so people can help each other. Every time you give a review to someone you get 1 karma point. You can give as many reviews as you want thus collecting your points (and also some pride because you just helped people improve their portfolio, kudos for that!). You can use these points to request a review for your own projects as well. If you submit your case study for a review for 1 karma point people will write feedback to you. So essentially it works like this:

  • Give a review to someone here
  • Get a karma point
  • Request a review with that karma point
  • Receive feedback from people
  • Repeat for other projects as well if you'd like

What are karma points?

Karma points are essentially our review currency – you need them to request a review from others. You can get one by giving a review to someone else by choosing from a list of projects here. You can collect as many as you want and in the meantime, you help others by providing useful feedback on their case studies.

How can I get karma points?

You can only get karma points by giving a review to other case studies. Start by choosing a project from the list in your Reviews page. Once you go through the steps and sent your review, you’ll receive a karma point. You can collect as many as you want and in the meantime, you help others by providing useful feedback on their case studies.

How many reviews will I receive?

Every time you ask a for a review (1 karma point) your case study will be available for review for others. There is no limit on the number of reviews you can receive on a project. However, to make sure everyone gets feedback on their work the list you can see on the Reviews page will be ordered by the number of reviews a project got. So if you already got 3 reviews on a certain project, other people's projects with no reviews will appear before your project on the list. You can also send in multiple case studies for review at the same time, you don’t have to wait for receiving a review to ask for feedback on another case study.

Can I get reviews on multiple case studies?

Yes, you don’t have to wait for receiving a review to ask for feedback on another case study. Just collect the karma points needed for all the reviews (e.g.: 4 karma points if you have 4 projects) and request a review to all of them individually.

What is an Expert Review?

If you are a Premium User you can request an expert review. This review will be written by one of our portfolio experts on the UXfol.io team. Since we’ve seen our fair share of portfolios we can provide useful feedback on what is awesome and also what you can improve in your case studies.

What is a Community Review?

If you request a community review your case study will be open for other users on UXfol.io to provide feedback on. A UXfol.io user can select your case study and review it for a karma point. You can also do that for other users. The aim is to open up a meaningful discussion about your work and improve your portfolio by letting other people give feedback on your work.