Skip to content

Commit ae66ad6

Browse files
kylelangfordkylelangford
committed
new resume plus cpl project update
1 parent 795894b commit ae66ad6

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

67 files changed

+1809
-477
lines changed

‎build/articles/about.html‎

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta
8+
name="description"
9+
content=""
10+
/>
11+
<meta name="author" rel="me" content="Kyle Langford" />
12+
13+
<title></title>
14+
15+
<!-- Load Resources -->
16+
<link rel="icon" type="image/png" href="../img/brand/favicon.png" />
17+
<link
18+
href="https://fonts.googleapis.com/css?family=Roboto|Rubik"
19+
rel="stylesheet"
20+
/>
21+
<link rel="stylesheet" href="../assets/css/styles.css" />
22+
23+
<!-- Modernizr - Load after CSS -->
24+
<!-- <script src="js/modernizr-custom.js"></script> -->
25+
26+
<noscript><style type="text/css">
27+
body { opacity: 1; }
28+
</style></noscript>
29+
</head>
30+
31+
<body class="page page--about">
32+
33+
<header class="container size-to-window intro">
34+
<div class="row flex flex-align--center flex--justify fill-height">
35+
<nav class="position-top-left">
36+
<a href="/" class="button--previous"
37+
><span class="icons-skip-back"></span>Back</a
38+
>
39+
</nav>
40+
41+
<div class="column half text--center">
42+
<h1 class="page__title">Introduction</h1>
43+
<p class="description">
44+
A curated list of links that helped me a long the way.
45+
</p>
46+
</div>
47+
</div>
48+
</header>
49+
50+
<main class="container">
51+
<div class="row flex flex--justify pad-default">
52+
<div class="column two-thirds">
53+
<article class="content">
54+
<p>
55+
My name is Kyle Langford. As an Interactive Designer I am an essential
56+
part of any project or product team. I combine a strong front end
57+
development skillset with a talent for crafting great UI designs. I
58+
have an aspiring interest in understanding more about the User
59+
Experiences. I am involved in the strategic / research aspects of
60+
projects and provide quick prototyping and wireframing capabilities.
61+
This helps teams move from sketches direct to code – good code –
62+
efficiently.
63+
</p>
64+
65+
<p>
66+
I work well sketching with team members and building prototypes and
67+
proofs of concepts. I like to focus on whether the interactions,
68+
process, flow, and the overall experience of the product working well
69+
for the end user.
70+
</p>
71+
72+
<p>
73+
<strong>As a leader and mentor</strong> I have experience managing
74+
expectations, communicating ideas and developing team strategies. I
75+
make sure to ask the right questions: is the product intuitive, easy
76+
to use and, ultimately, does it meet the user’s goals and
77+
expectations?
78+
</p>
79+
80+
<p>
81+
<strong>As a designer</strong> I want to share ownership of the UX, I
82+
enjoy working on defining the product, the audience, and conducting
83+
research. Being involved early allows me to understand the rationale
84+
behind the product and design approach and helps me to make good,
85+
consistent, UX decisions without needing every piece of UI defined.
86+
</p>
87+
88+
<p>
89+
<strong>As a developer</strong> I produce standards driven, production
90+
quality code. I have experience on building content heavy websites and
91+
theming Drupal and Shopify themes.
92+
</p>
93+
</article>
94+
</div>
95+
</div>
96+
</main>
97+
98+
<!-- Scripts -->
99+
<script
100+
async
101+
src="https://www.googletagmanager.com/gtag/js?id=UA-15632291-6"
102+
></script>
103+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
104+
105+
<!-- CDN -->
106+
<script>
107+
window.jQuery ||
108+
document.write('<script src="assets/js/jquery-2.1.0.min.js"><\/script>');
109+
</script>
110+
111+
<!-- Fallback -->
112+
<script src="../assets/js/main.js"></script>
113+
114+
</body>
115+
</html>

‎build/articles/process.html‎

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta
8+
name="description"
9+
content=""
10+
/>
11+
<meta name="author" rel="me" content="Kyle Langford" />
12+
13+
<title></title>
14+
15+
<!-- Load Resources -->
16+
<link rel="icon" type="image/png" href="../img/brand/favicon.png" />
17+
<link
18+
href="https://fonts.googleapis.com/css?family=Roboto|Rubik"
19+
rel="stylesheet"
20+
/>
21+
<link rel="stylesheet" href="../assets/css/styles.css" />
22+
23+
<!-- Modernizr - Load after CSS -->
24+
<!-- <script src="js/modernizr-custom.js"></script> -->
25+
26+
<noscript><style type="text/css">
27+
body { opacity: 1; }
28+
</style></noscript>
29+
</head>
30+
31+
<body class="page page--process">
32+
33+
34+
<header class="container size-to-window intro masthead process">
35+
<div class="row flex flex-align--center flex--justify fill-height">
36+
<nav class="position-top-left">
37+
<a href="/work/all" class="button--previous">$ cd ..</a>
38+
</nav>
39+
<div class="column half text--center">
40+
<h1 class="page__title">Responsive Design Process</h1>
41+
<h2 class="page__sub-title"></h2>
42+
<p class="description">Content Driven Design</p>
43+
</div>
44+
</div>
45+
</header>
46+
47+
<main class="container">
48+
<div class="row flex flex--justify pad-default">
49+
<div class="column two-thirds">
50+
<article class="content">
51+
52+
<p>Process</p>
53+
54+
<div class="specimen">
55+
<img
56+
src="../assets/img/projects/brunello/brunello-components.jpg"
57+
alt="Elephant at sunset"
58+
class="paper"
59+
/>
60+
<div class="caption">Final Homepage Design</div>
61+
</div>
62+
63+
Content First
64+
Data Driven
65+
Design Sutems not pages
66+
Iterate
67+
Increase Value not cost
68+
69+
<h3>Project Brief</h3>
70+
<h3>Sitemap Audit</h3>
71+
<h3>Content Audit</h3>
72+
<h3>Design by Goals</h3>
73+
<h3>New Sitemap</h3>
74+
<h3>Mobile Priority</h3>
75+
<h3>Moodboard</h3>
76+
<h3>Wireframing</h3>
77+
<h3>Design Patterns</h3>
78+
<h3>Prototype</h3>
79+
<h3>Test</h3>
80+
<h3>Production</h3>
81+
82+
<footer class="credits">
83+
84+
<p class="attribution"></p>
85+
86+
<ul class="team-list">
87+
</ul>
88+
89+
<div class="line-behind-text">
90+
<!-- Credits: Copyright -->
91+
<h2 class="last-edit">Last Edit: 5.30.19</h2>
92+
</div>
93+
94+
<p class="copy"></span></p>
95+
96+
</footer>
97+
98+
99+
</article>
100+
</div>
101+
</div>
102+
</main>
103+
104+
105+
106+
<!-- Scripts -->
107+
<script
108+
async
109+
src="https://www.googletagmanager.com/gtag/js?id=UA-15632291-6"
110+
></script>
111+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
112+
113+
<!-- CDN -->
114+
<script>
115+
window.jQuery ||
116+
document.write('<script src="assets/js/jquery-2.1.0.min.js"><\/script>');
117+
</script>
118+
119+
<!-- Fallback -->
120+
<script src="../assets/js/main.js"></script>
121+
122+
</body>
123+
</html>

0 commit comments

Comments
 (0)