#div creds 2 own
Text
✿ ❁ ۪⋆ ꒰͡ ♰ ͡꒱ ✿ ۪
#div creds 2 own#aespa giselle#giselle moodboard#giselle packs#giselle icons#giselle messy icons#giselle aespa icons#aespa moodboard#aespa icons#aespa messy icons#kpop icons#kpop moodboard#messy moodboard#symbols#kpop gg moodboard#kpop random moodboard#kpop layouts#kpop gg#clean moodboard#alternative moodboard#y2k moodboard#aesthetic moodboard#aespa giselle moodboard#aeri uchinaga#aespa aeri moodboard#giselle layouts#aespa#aespa mb#locs#giselle aespa gifs
207 notes
·
View notes
Text
5 Common Portfolio Mistakes and How to Fix Them
Your portfolio is often a company or client’s first impression of you. Yet while we would dress up and prepare our talking points for an interview, we tend to neglect our portfolio or follow design trends that don’t represent us well.
In my work with Semplice, a portfolio system for designers, I’ve seen hundreds of design portfolios over the years. And I continue to see common trends that could be holding designers back from their dream jobs. Below are five simple portfolio mistakes that can easily be fixed and make big difference in the work you do in the future.
1. All Photos, No Case Studies
As designers, we naturally focus on the visual aspect of our portfolios. After all, the point of our portfolio is to showcase our designs. But in most cases (with the possible exception of things like playgrounds or mood boards), your readers need, and want context for your work. Don’t just dump a bunch of photos on the page and leave it up to us to decipher what they mean. Write case studies for every project that walks us through your approach, from challenge to solution.
How to Do it Right
Writing case studies feels less daunting if you break your project down into phases. You can even start by writing longer captions and a headline to go alongside each image, as shown in Mackey Saturday’s portfolio below. That’s basically all you need, since people will be scanning your page to see what’s most interesting to them. Keep it simple and and straightforward (no buzzwords or insider language), and you’ll find it’s quite easy to write case studies that elevate your portfolio significantly. Get more tips for writing portfolio case studies right here.
Mackey Saturday writes his case studies in caption form for easy reading.
2. Trendy, Vague Introductions
If you’re going to lead with a personal introduction on your portfolio, write something that actually helps us understand who you are. I’ve said this before and I’ll keep saying it until I stop seeing portfolios with intros like “I move pixels.” Lines like this mean nothing to a recruiter or potential client who is browsing your website. This is your main audience, which is easy to forget when we’re just trying to make an awesome portfolio.
How to Do it Right
Anyone looking to potentially hire you wants to understand at a glance what you can do for them. Something like “I’m Jessica Jones, a brand designer and art director from NYC” will do just fine. Being clear is better than being clever – being clear and clever (like Marina Rachello’s intro below) is even better.
Marina Rachello’s intro is creative, yet simple and straightforward.
3. Outdated Projects and Design Style
I’m guilty of this myself: We get so busy doing the actual work, we forget our portfolio should always be current and evolve with us throughout our design career. But a dusty portfolio with outdated projects might actually be detrimental to your career. Even if you’re not sending it out to potential clients or employers, anyone can easily dig up your fossilized portfolio by simply searching your name online. That means you could be missing out on exciting work without even realizing it.
How to Do it Right
The good news is, it’s easy to keep your portfolio fresh and current. This is why I recommend against using a portfolio template, as they date quickly and will lock you into layouts that might be irrelevant later.
If you design your own portfolio, you can make light adjustments and updates consistently, allowing it to adapt to your career and modern design expectations without requiring a complete overhaul.
Verena Michelitsch’s portfolio, custom designed with Semplice.
4. Redundant Navigation and Dead Ends
When we’re working on a project for ourselves, we get so close to the work we forget best practices we know by heart. One common mistake is to creating a redundant or dead-end user flow, either confusing your visitor or leaving them with nothing to but exit the site when they’re done reading.
How to Do it Right
Remember to guide your reader through your portfolio, always pushing them closer toward your goals. Thankfully, your portfolio has two simple goals: Showcase your work and get people to contact you. Your navigation and project pages should of course reflect that.
For example, you don’t need separate Contact and About pages. Cut out the extra steps and create an Info page with your bio and contact information. Add related projects with a preview at the bottom of your case studies, as shown in Michela Picchi’s portfolio below, so it’s easy to click between your work pages and keep reading.
Michela Picchi’s case studies end with an engaging “More Projects” section.
5. Boring About Pages
Your About page is an opportunity to make an impression and compel people to contact you. But sadly, most About pages I see aren’t very memorable or compelling.
How to Do it Right
Instead of just listing your creds and contact info, add some personality to your About page. Remember your reader has probably clicked through dozens of portfolios today. If you can make them smile, you’ll be remembered. Read more tips for making the perfect About page here.
Alina Skyson’s portfolio includes a visual and memorable “10 true facts about me” section.
Conclusion
Remember that your portfolio is not meant to be a grand work of art. While the design and details are important, your portfolio is ultimately meant to showcase your work — not stand in the way of it. When you keep your work and the person viewing it in mind, you’ll have a portfolio that sets you up for success.
Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!
Source p img {display:inline-block; margin-right:10px;} .alignleft {float:left;} p.showcase {clear:both;} body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
https://www.webdesignerdepot.com
The post 5 Common Portfolio Mistakes and How to Fix Them appeared first on Unix Commerce.
from WordPress https://ift.tt/2vYqNWL
via IFTTT
0 notes
Text
theme
<!DOCTYPE html>
<head>
<!-----
just like TT theme by aki @ayokos
base code by @animecharacter
dont remove cred idc what else you do
just as long as you dont redistribute this as your own
----->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<title>{Title}</title>
<link rel="shortcut icon" href="{image:favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
<script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
<script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="http://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><style src="http://static.tumblr.com/rtrqcib/OpYnlh8s6/style-my-tooltips.css"></style><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({ tip_follows_cursor:true,tip_delay_time:50,tip_fade_speed:250,attribute:"title"});});})(jQuery);</script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
<meta name="image:favicon" content="">
<meta name="image:sidebar icon" content="">
<meta name="image:bg" content="">
<meta name="color:bg" content="#fff">
<meta name="color:text"content="#fff">
<meta name="color:links" content="#fff">
<meta name="color:selection" content="#fff">
<meta name="color:links hover" content="#fff">
<meta name="color:scrollbar bg" content="#fff">
<meta name="color:scrollbar track" content="#fff">
<meta name="color:scrollbar" content="#fff">
<meta name="color:dropdown border" content="#fff">
<meta name="color:blockquote border" content="#000000"/>
<meta name="color:glowing links" content="#fff">
<meta name="select:font" content="arial">
<meta name="select:font" content="dotum">
<meta name="select:font" content="consolas">
<meta name="select:font" content="calibri">
<meta name="select:font size" content="11px">
<meta name="select:font size" content="12px">
<meta name="select:font size" content="13px">
<meta name="select:font size" content="14px">
<meta name="if:desc">
<meta name="if:links">
<meta name="if:captions">
<meta name="if:tags">
<meta name="if:permalink">
<meta name="if:via">
<meta name="if:src">
<meta name="if:full bg">
<meta name="if:black sparkles">
<meta name="if:gray sparkles">
<meta name="if:pink sparkles">
<meta name="if:rainbow sparkles">
<meta name="if:white sparkles">
<meta name="if:redirect tag">
<meta name="if:dropdown navi">
<meta name="if:dropdown border">
<meta name="if:glowing links" content="0">
<meta name="if:round icon" content="0">
<meta name="text:dropdown navi title" content="">
<meta name="text:side width" content="200px">
<meta name="text:link 1 url" content="/" />
<meta name="text:link 1 title" content="" />
<meta name="text:link 1 url" content="/">
<meta name="text:link 1 title" content="" />
<meta name="text:link 2 url" content="/">
<meta name="text:link 2 title" content="" />
<meta name="text:link 3 url" content="/">
<meta name="text:link 3 title" content="/">
<meta name="text:Redirect Tag" content="" />
<style type="text/css">
/*leave redirect tag part empty if u dont have a redirect */
/*
general text styles, fonts and colours
*/
.tooltip{
display: inline;
position: relative;
}
#s-m-t-tooltip {
background: rgba(255,255,255,.9);
max-width: 200px;
margin: 15px 20px;
padding: 10px;
font-size: {select:font size};
font-family: {select:font};
color: {color:links};
letter-spacing: 1px;
z-index: 99999;
}
::-webkit-scrollbar {
width:11px;
height:11px;}
::-webkit-scrollbar-track {
border:5px solid {color:scrollbar bg};
background:{color:Scrollbar Track};}
::-webkit-scrollbar-thumb:vertical{
border:2px solid {color:Scrollbar bg};
width:2px;
background:{color:Scrollbar};}
::-moz-selection {background:none; color:{color:selection};}
::selection {background:none; color:{color:selection};}
body {
margin:0px;
font-family: {select:font};
font-size: {select:font size};
overflow-x:hidden;
line-height:140%;
color: {color:text};
background: {color:bg} url('{image:bg}');
{block:ifnotfullbg}
background-size:repeat;
{/block:ifnotfullbg}
{block:iffullbg}
background-size:cover;
{/block:iffullbg}
}
p{
margin:0 0 10px 0;
padding:0;
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
a{
color:{color:links};
text-decoration:none;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
{block:ifGlowingLinks}text-shadow: 0px 0px 2.5px {color:glowing links}; {/block:ifGlowingLinks}
}
a:hover{
color:{color:links hover};
text-decoration:none;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
{block:ifGlowingLinks}text-shadow: 0px 0px 2.5px {color:glowing links}; {/block:ifGlowingLinks}
}
blockquote{
border-left:1px solid {color:blockquote border};
padding-left:5px;
margin:5px;
padding-top:2px;
padding-bottom:2px;
}
blockquote p { margin:0 !important; }
li{
margin-left:-15px;
}
/*
containers etc
*/
#wrapper{
width:600px;
margin:50px auto;
}
#sidebar{
text-align:center;
width:100px;
transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
position:fixed;
}
#sidebarimg img{
position:fixed;
width:98px;
height:90px;
}
#creditpxl{
position:fixed;
bottom:2px;
right:5px;
}
#content{
width:400px;
margin-left:200px;
overflow:hidden;
}
.links{
margin-top:2px;
text-align:center;
}
.post{
width:400px;
margin:0 0 50px 0;
overflow:hidden;
color:{color:text};
}
#sidebar img, .post img{
max-width:100%;
}
#nav{
text-align:right;
font-size:{select: font size};
margin:50px 0 0 0;
}
/*
content in the body of the posts - quotes, asks, etc
"media" contains photos, photosets, videos, audio posts
*/
.media{
margin:0 0 10px 0;
}
.quote{
font-weight:normal;
font-size:16px;
font-style:italic;
margin:0 0 10px 0;
}
.question{
margin-bottom:10px;
}
/*
post footers - date, tags, via and source
*/
.post .footer{
margin:0;
text-align:left;
}
/*
post notes
*/
ol.notes{
list-style-type:none;
padding:0;
margin:0;
}
ol.notes li.note img{
width:16px;
height:16px;
}
ol.notes li.note{
margin:0px;
}
{CustomCSS}
</style>
</head>
{block:ifblacksparkles}
<script type="text/javascript">
// <![CDATA[
var colour="#000";
var sparkles=140;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
{/block:ifblacksparkles}
{block:ifgraysparkles}
<script type="text/javascript">
// <![CDATA[
var colour="#e0e1e2";
var sparkles=140;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
{/block:ifgraysparkles}
{block:ifpinksparkles}
<script type="text/javascript">
// <![CDATA[
var colour="#ffc6d3";
var sparkles=140;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
{/block:ifpinksparkles}
{block:ifrainbowsparkles}
<script type="text/javascript">
// <![CDATA[
var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
var sparkles=50;
/****************************
* Tinkerbell Magic Sparkle *
*(c)2005-13 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
rats.style.zIndex="999";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
rats.style.zIndex="999";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y+1)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
starx[i]+=(i%5-2)/5;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
tinyx[i]+=(i%5-2)/5;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
if (e) {
y=e.pageY;
x=e.pageX;
}
else {
set_scroll();
y=event.y+sdown;
x=event.x+sleft;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
return (div);
}
function newColour() {
var c=new Array();
c[0]=255;
c[1]=Math.floor(Math.random()*256);
c[2]=Math.floor(Math.random()*(256-c[1]/2));
c.sort(function(){return (0.5 - Math.random());});
return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
}
// ]]>
</script>
{/block:ifrainbowsparkles}
{block:ifwhitesparkles}
<script type="text/javascript">
// <![CDATA[
var colour="#fff";
var sparkles=140;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
{/block:ifwhitesparkles}
<body>
{block:ifredirecttag}{block:IndexPage}<script type="text/javascript">
var url = location.href;
if (url == "{BlogURL}") {
window.location = "{BlogURL}tagged/{text:Redirect Tag}";
}
</script>{/block:IndexPage}{/block:ifredirecttag}
<div id="wrapper">
<div id="sidebar">
{block:ifroundicon}
<div class="sidebarimg"><a href="/"><img src="{image:sidebar icon}" style="border-radius:100%"></a></div>
{/block:ifroundicon}
{block:ifnotroundicon}
<div class="sidebarimg"><a href="/"><img src="{image:sidebar icon}"></a></div>
{/block:ifnotroundicon}
{block:ifdesc}
<p>{Description}</p>
{/block:ifdesc}
{block:iflinks}
<div class="links">
<a href="{text:link 1 url}">{text:link 1 title}</a>
<a href="{text:link 2 url}">{text:link 2 title}</a>
<a href="{text:link 3 url}">{text:link 3 title}</a>
</div>
{/block:iflinks}
{block:ifdropdownnavi}
<select style='width: 95px;{block:ifdropdownborder}
border: 1px solid color:{dropdown border};
{block:ifdropdownborder}
{block:ifnotdropdownborder}
border: 0px solid;
{/block:ifnotdropdownborder}padding: 1px;letter-spacing: 1px;font-family: {select:font};font-size:{select:font size};background: {color:bg}' name="menu" onChange="top.location.href=this.options[this.selectedIndex].value;" value="GO">
<option>{text:dropdown navi title}</option>
<option value="{text:link 1 url}">{text:link 1 title}</option>
<option value="{text:link 2 url}">{text:link 2 title}</option>
<option value="{text:link 3 url}">{text:link 3 title}</option>
</select>
{/block:ifdropdownnavi}
</div>
<div id="content">
{block:Posts}
<div class="post">
{block:Text}
{block:Title}
<div class="title">{Title}</div>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
{block:ifCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifCaptions}
{/block:Photo}
{block:Photoset}
<div class="media">{Photoset-400}</div>
{block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
{/block:Photoset}
{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}
<div class="quotesource">{Source}</div>
{/block:Source}
{/block:Quote}
{block:Link}
<div class="title"><a href="{URL}">{Name}</a></div>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
<div class="title">{Title}</div>
{/block:Title}
{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<b>{Label}</b>{/block:Label}
{Line}
</div>
{/block:Lines}
{/block:Chat}
{block:Video}
<div class="media">{Video-400}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}
{block:Audio}
<div class="media">
{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
{AudioPlayerWhite}
{block:TrackName}{TrackName}<br>{/block:TrackName}
{block:Artist}{Artist}<br>{/block:Artist}
{block:Album}{Album}{/block:Album}
</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Answer}
<div class="question">{Asker}: {Question}</div>
<div class="caption">{Answer}</div>
{/block:Answer}
{block:Date}
<div class="footer">
{block:ifpermalink}<a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>{/block:ifpermalink}
{block:iftags}{block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:iftags}
{block:ifvia}{block:RebloggedFrom}<br><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{/block:ifvia}
{block:ifsrc}{block:ContentSource}<a href="{SourceURL}">src</a>{/block:ContentSource}{/block:ifsrc}
</div>
{block:PermalinkPage}
{block:NoteCount}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}
{/block:Date}
</div>
{/block:Posts}
{block:Pagination}
<div id="nav">
{block:PreviousPage}<a href="{PreviousPage}"><<</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">>></a>{/block:NextPage}
</div>
{/block:Pagination}
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
<div id="creditpxl"><a href="http://ayokos.tumblr.com"><img src="https://64.media.tumblr.com/3c02db4959e6337fbf068c1dfbcda3af/tumblr_inline_ol9fn0s5jt1uvp46w_500.png" title="theme by chané"</a></div>
</body>
</html>
0 notes
Text
The Serval Project
New Post has been published on https://www.aneddoticamagazine.com/the-serval-project/
The Serval Project
The Serval Project has for the past six years been working to create infrastructure-free mobile telecommunications systems, so that people can communicate anywhere, anytime. The progressive locking down of mobile operating systems with regard to their ability for form ad-hoc mobile networks (Symbian, early versions of Windows Mobile and Android all supported this capability), has led us to creating a low-cost OpenWRT-based device that allows nearby mobile telephones to form mobile ad-hoc networks. By incorporating UHF, VHF and/or HF radio modules, these Serval Mesh Extender devices are able to facilitate the formation of mobile ad-hoc networks spanning many kilometres. This talk will discuss the Serval Project, the Serval Mesh Extender, its use of OpenWRT, the challenges ahead, as well as our existing trial activities in the Australian Outback, and more recently, the pilot that we will be running in the South Pacific with the support of Australia’s foreign humanitarian aid program, AusAID. This will include a discussion of the current process we are going through of having designed and manufactured our own custom OpenWRT-based hardware, including a number of design trade-offs that we have had to make for budgetary, and regulatory reasons, in part due to the unique challenges that rapid international humanitarian deployments trigger.
Dr. Paul Gardner-Stephen, Flinders University,
The Serval Project and TU-Darmstadt OpenWrt Summit 2016 – Berlin
It shouldn’t matter whether you live in a city or in the bush.
It shouldn’t matter whether it is economical for a cellular carrier to provide service to your community.
It shouldn’t matter whether you can afford cellular rates, or have credit on your phone.
Nothing should prevent you from communicating with those near and dear to you.
We also believe that people should be able to continue to communicate when they need it most.
In the face of earthquake, wild fire or cyclone, communications systems should keep working as well as they can, with whatever infrastructure remains available.
youtube
Serval is revolutionary, free, open-source software under development for mobile telephones, letting them communicate even in the absence of phone towers and other supporting infrastructure.
http://www.servalproject.org/
Related Post
Rodriguez: “Kim´s Game”
Dalai Lama climate action!
Infragram: the Infrared Photography Project
Cecil Armstrong Gibbs: Symphony No. 2 “Odyss...
Gaetano Mosca: Il Principe di Machiavelli
“Near-fascists” e “Near-democrat...
1989 – Unix System
BlackFly – Official Launch
PINOCCHIO, O L’EVOLUZIONE DELLE SPECIE
Tempo di funghi – Cronaca di una strage del ...
Joseph Ryelandt – Symphony No.4 “Cred...
Papa Bergoglio e le nuove Verità
.yuzo_related_post imgwidth:155px !important; height:145px !important; .yuzo_related_post .relatedthumbline-height:15px;background: !important;color:!important; .yuzo_related_post .relatedthumb:hoverbackground:#fcfcf4 !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;;color:!important; .yuzo_related_post .relatedthumb acolor:!important; .yuzo_related_post .relatedthumb a:hover color:!important;} .yuzo_related_post .relatedthumb:hover a color:!important; .yuzo_related_post .yuzo_text color:!important; .yuzo_related_post .relatedthumb:hover .yuzo_text color:!important; .yuzo_related_post .relatedthumb margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; jQuery(document).ready(function( $ ) //jQuery('.yuzo_related_post').equalizer( overflow : 'relatedthumb' ); jQuery('.yuzo_related_post .yuzo_wraps').equalizer( columns : '> div' ); )
#Android#AusAID#HF radio#mobile telecommunications systems#OpenWRT#Serval Mesh Extender#Serval Project#Symbian#UHF#VHF#Windows Mobile
0 notes
Text
5 Common Portfolio Mistakes and How to Fix Them
Your portfolio is often a company or client’s first impression of you. Yet while we would dress up and prepare our talking points for an interview, we tend to neglect our portfolio or follow design trends that don’t represent us well.
In my work with Semplice, a portfolio system for designers, I’ve seen hundreds of design portfolios over the years. And I continue to see common trends that could be holding designers back from their dream jobs. Below are five simple portfolio mistakes that can easily be fixed and make big difference in the work you do in the future.
1. All Photos, No Case Studies
As designers, we naturally focus on the visual aspect of our portfolios. After all, the point of our portfolio is to showcase our designs. But in most cases (with the possible exception of things like playgrounds or mood boards), your readers need, and want context for your work. Don’t just dump a bunch of photos on the page and leave it up to us to decipher what they mean. Write case studies for every project that walks us through your approach, from challenge to solution.
How to Do it Right
Writing case studies feels less daunting if you break your project down into phases. You can even start by writing longer captions and a headline to go alongside each image, as shown in Mackey Saturday’s portfolio below. That’s basically all you need, since people will be scanning your page to see what’s most interesting to them. Keep it simple and and straightforward (no buzzwords or insider language), and you’ll find it’s quite easy to write case studies that elevate your portfolio significantly. Get more tips for writing portfolio case studies right here.
Mackey Saturday writes his case studies in caption form for easy reading.
2. Trendy, Vague Introductions
If you’re going to lead with a personal introduction on your portfolio, write something that actually helps us understand who you are. I’ve said this before and I’ll keep saying it until I stop seeing portfolios with intros like “I move pixels.” Lines like this mean nothing to a recruiter or potential client who is browsing your website. This is your main audience, which is easy to forget when we’re just trying to make an awesome portfolio.
How to Do it Right
Anyone looking to potentially hire you wants to understand at a glance what you can do for them. Something like “I’m Jessica Jones, a brand designer and art director from NYC” will do just fine. Being clear is better than being clever – being clear and clever (like Marina Rachello’s intro below) is even better.
Marina Rachello’s intro is creative, yet simple and straightforward.
3. Outdated Projects and Design Style
I’m guilty of this myself: We get so busy doing the actual work, we forget our portfolio should always be current and evolve with us throughout our design career. But a dusty portfolio with outdated projects might actually be detrimental to your career. Even if you’re not sending it out to potential clients or employers, anyone can easily dig up your fossilized portfolio by simply searching your name online. That means you could be missing out on exciting work without even realizing it.
How to Do it Right
The good news is, it’s easy to keep your portfolio fresh and current. This is why I recommend against using a portfolio template, as they date quickly and will lock you into layouts that might be irrelevant later.
If you design your own portfolio, you can make light adjustments and updates consistently, allowing it to adapt to your career and modern design expectations without requiring a complete overhaul.
Verena Michelitsch’s portfolio, custom designed with Semplice.
4. Redundant Navigation and Dead Ends
When we’re working on a project for ourselves, we get so close to the work we forget best practices we know by heart. One common mistake is to creating a redundant or dead-end user flow, either confusing your visitor or leaving them with nothing to but exit the site when they’re done reading.
How to Do it Right
Remember to guide your reader through your portfolio, always pushing them closer toward your goals. Thankfully, your portfolio has two simple goals: Showcase your work and get people to contact you. Your navigation and project pages should of course reflect that.
For example, you don’t need separate Contact and About pages. Cut out the extra steps and create an Info page with your bio and contact information. Add related projects with a preview at the bottom of your case studies, as shown in Michela Picchi’s portfolio below, so it’s easy to click between your work pages and keep reading.
Michela Picchi’s case studies end with an engaging “More Projects” section.
5. Boring About Pages
Your About page is an opportunity to make an impression and compel people to contact you. But sadly, most About pages I see aren’t very memorable or compelling.
How to Do it Right
Instead of just listing your creds and contact info, add some personality to your About page. Remember your reader has probably clicked through dozens of portfolios today. If you can make them smile, you’ll be remembered. Read more tips for making the perfect About page here.
Alina Skyson’s portfolio includes a visual and memorable “10 true facts about me” section.
Conclusion
Remember that your portfolio is not meant to be a grand work of art. While the design and details are important, your portfolio is ultimately meant to showcase your work — not stand in the way of it. When you keep your work and the person viewing it in mind, you’ll have a portfolio that sets you up for success.
Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!
Source p img {display:inline-block; margin-right:10px;} .alignleft {float:left;} p.showcase {clear:both;} body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
https://www.webdesignerdepot.com
The post 5 Common Portfolio Mistakes and How to Fix Them appeared first on Unix Commerce.
from WordPress https://ift.tt/2vYqNWL
via IFTTT
0 notes
Last Seen Blogs
syrupysesame
my blog i guess
bbqtaro
Your Turn to Blog
hopes4gf
currently contemplating :P
unexpectedbrickattack
oh u know
menthum-mint
Mint Fire