-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmusic.html
executable file
·108 lines (87 loc) · 5.85 KB
/
music.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link href="http://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700italic|Raleway" rel="stylesheet" type="text/css">
<title>Ashley L Kunze | Graphic & Web Design | My Work | Face the Music</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="My name is Ashley and I am a Graphic & Web Designer. I design on purpose.">
<meta name="keywords" content="graphic design, web design, design, graphics design, graphic designer, web designer, logo designer, interactive designer, app designer, brand designer, ui ux designer, ui ux, ui ux design, logo design, interactive design, app design, brand design, design blog, design student, graphic design blog, web design blog, ashley, ashley kunze, ashley l kunze, ashley kunze design, ashley kunze designer, ashley l kunze design, ashley l kunze designer">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="images/favicon.png">
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49222909-3', 'ashleylkunze.com');
ga('send', 'pageview');
</script>
</head>
<body onLoad="MM_preloadImages('images/workJetSodaOver.png','images/workShadowOver.png','images/workMedicineOver.png','images/workMerimnaoOver.png','images/workClothOver.png','images/workVApostcardsOver.png','images/workMelcherOver.png','images/workShowerOver.png','images/workTritatsOver.png','images/workChrisOver.png','images/workCytOver.png','images/workMagazineOver.png')">
<div class="container">
<header>
<div id="row">
<a href="index.html"><img src="images/ashley-kunze-logo.svg" alt="" width="50px "/></a><br/>
<h1><a href="index.html">Ashley L Kunze</a></h1>
<h2>WEB DESIGN <span class="amp">&</span> CONTENT</h2>
<nav>
<ul>
<li><a href="work.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<hr>
<div id="projectBox">
<h6>Face the Music</h6>
<p id="project">App Design</p>
<p>Face the Music is an app that gives musical theater kids a custom list of audition song options based on their gender, age, vocal range, and interest.</p>
<p>Musical theater kids need help choosing audition songs because they are inexperienced & growing. Face the Music gives kids a personalizezd list of songs for their audition. Kids can select their age, gender, voice type, and the type of part they want to get. Each screen also includes a quote from a musical as an audition tip. When you pull up, you reveal the name of the musical. The verbiage is simple, fun & informative, so kids can understand the song selection process. When kids get their list of songs, they can listen, buy the song, or log in to save it to favorites.
</p>
<p>I started by sketching a <a href="documents/musicConceptMap.jpg" target="_blank">concept map</a> of the flow of the app. I then made <a href="documents/musicScreenSketches.jpg" target="_blank">screen sketches.</a></p>
<p>View the final app <a href="https://popapp.in/w/projects/564ba0190f4f903456409a93/preview" target="_blank">prototype</a>.</p>
</div>
<div id="row2">
<a href="https://popapp.in/w/projects/564ba0190f4f903456409a93/preview" target="_blank"><img src="images/projectMusic.jpg" width="100%" height="100%" alt=""/></a>
<p id="nextProject"><a href="work.html">Work</a> | <a href="medicine.html">Next Project</a></p>
</div>
<hr>
<footer>
<ul>
<li><a href="https://www.facebook.com/AshleyLKunze" target="_blank"><img src="images/iconFacebook.svg" width="24" alt="Facebook"/></a></li>
<li><a href="http://www.pinterest.com/AshleyLKunze/" target="_blank"><img src="images/iconPinterest.svg" width="24" alt="Pinterest"/></a></li>
<li><a href="http://instagram.com/ashleylkunze" target="_blank"><img src="images/iconInstagram.svg" width="24" alt="Instagram"/></a></li>
<li><a href="https://www.linkedin.com/in/ashleylkunze" target="_blank"><img src="images/iconLinkedIn.svg" width="24" alt="LinkedIn"/></a></li>
<li><a href="https://twitter.com/ashleylkunze" target="_blank"><img src="images/iconTwitter.svg" width="24" alt="Twitter"/></a></li>
<li><a href="http://www.behance.net/ashleykunze" target="_blank"><img src="images/iconBehance.svg" width="28" alt="Behance"/></a></li>
<li><a href="mailto:[email protected]" target="_blank"><img src="images/iconMail.svg" width="28" alt="Mail"/></a></li>
</ul>
© Ashley Kunze 2018
</footer>
</div>
</body>
</html>