{"id":92,"date":"2018-08-20T21:05:08","date_gmt":"2018-08-20T21:05:08","guid":{"rendered":"https:\/\/growlingwillow.com\/web205\/?p=92"},"modified":"2018-09-04T08:11:07","modified_gmt":"2018-09-04T08:11:07","slug":"budd-bike-works","status":"publish","type":"post","link":"https:\/\/growlingwillow.com\/web205\/2018\/08\/20\/budd-bike-works\/","title":{"rendered":"Budd Bike Works"},"content":{"rendered":"\r\n\r\nMatt Budd is a local fabricator and engineer whose primary business is creating custom bike frames. Matt was a client for Advanced Web Design (WEB 210), a course that I took in summer 2018 at <\/span>Seattle Central College<\/span><\/a> for my <\/span>web design certificate<\/span><\/a>. I designed his <\/span>buddbikes.com<\/span><\/a> with two other teammates to create a site that was responsive, clean, and professional.<\/span>\r\n\r\nFor the design project, I was on a team with <\/span>Shelly Oun<\/span><\/a> and <\/span>Rattana Neak<\/span><\/a>. Shelly is a web designer and Rattana is a web developer, so after our initial consultation meeting, it became clear that I should take on the project management role in order to adequately distribute all of our talents and resources. Matt requested a new website for his three domains\u2014buddbikes.com, budd.bikes, and bbvvllc.com\u2014to promote his business as well as become a personal portfolio for his engineering work samples. We needed to create the layout, site architecture, and content all from scratch. Due to the compressed timeline of the course, we were only able to focus on one site for this project: <\/span>buddbikes.com<\/span><\/a>.<\/span>\r\n\r\nPer the course requirements, we created a communications brief with details from our meeting and a project proposal. For the project proposal, we asked specifically for what type of bike and parts Matt would offer to two types of users: someone who knows everything about bikes or someone who is interested in purchasing a custom piece but is new to bikes. Because although we had initially discussed creating a form, without user data it would take too much time and be beyond the scope of the shortened class. We never received that requested information about what Matt would say to those two types of users. He directed us to a specific example from a bike company in Portland, OR instead. Shelly and I had to proceed without the information, so we focused on making other decisions about form, content, and design.<\/span>\r\n\r\nWhile Shelly handled all of the design choices and Rattana created the WordPress dev instance on his own server site, I scoured Matt\u2019s social media profiles and old blog for content and made decisions about the site architecture. We used Trello, Slack, and Google Docs to manage all of our content and communications effectively. Matt had already setup his server space on Dreamhost, so Rattana took responsibility for setting up WordPress on his server space.<\/span>\r\n\r\nRattana installed several plugins, all of which have great functionality. We used Easy Custom Sidebars, Hummingbird, Defender, Google Analytics, Ultimate Social media, Jetpack, Better Font Awesome, and 2 different photo galleries: Slider by Soliloquy and Photo Gallery by 10Web. Shelly modified the site layout and CSS of Astrid, a free theme. Shelly and I pulled images from his social media profiles and I added content. The copy I wrote was inspired directly from Matt\u2019s statements in our interview and his original blog. As the site came together, Shelly and I used class time and Slack to communicate about how to improve the responsive CSS and update color and content.<\/span>\r\n\r\nDuring the project, the primary struggle was to determine the exact purpose of the site. When Matt initially submitted his pitch to the class, he said he wanted a site for his business of selling custom bike frames. When we met, he then told us about the three domains, but was unclear about how he envisioned all three working together, if at all. In addition to an ordering form for custom bikes, he wanted a portfolio site, blog, and resource site for bike enthusiasts. When we asked for inspirational sites and imagery to guide our design choices, he sent us a site featuring hundreds of hand drawn illustrations of small machine parts with no visible personality associated. With the short amount of time available to us, Shelly and I chose to focus on designing and creating a simple site that could easily be expanded on. The goal became to lay the groundwork for a site that could showcase Matt\u2019s personality (portfolio and blog) as well as reserve space for users to interact (online resource and information about ordering a bike). <\/span>\r\n\r\nThe required assignments provided clear structure and timeline for our tasks. The challenge lay in responding to Matt\u2019s feedback or lack thereof. We made decisions about colors based on paint samples he sent us from a bike he was working on concurrently. We used these colors\u2014baby blue and dark magenta\u2014in the design. After showing Matt the site\u2019s progress, he asked for \u201cbold whimsy\u201d and for the colors to \u201cburn through.\u201d We incorporated more color to emphasize the bold, and moved toward whimsy by adding more pictures of Matt himself. But to add a style like \u201cburning through\u201d was beyond our abilities for a free theme with only a few weeks left to modify. Receiving this information early on when we requested inspirational sites and images would have led to very different results. We possibly could have incorporated more of what Matt realized he wanted for his site, but by the time he made the request, it was too late.<\/span>\r\n\r\nIn addition to a customer portal, Matt is interested in creating a resource for cycling enthusiasts and a portfolio of his work. I suggested he utilize the other two domains for a cycling resource and personal portfolio and apply the same theme but add different color schemes to simultaneously unify and differentiate. For now, Matt has a site for Budd Bike Works that potential customers may contact him through to reserve and purchase custom bikes. I was proud of the site and content we turned in for the class but I am disappointed to learn that the text I crafted to present a professional, warm, and palatable persona for customers has already been changed to language that is verbose and dense. <\/span>\r\n\r\nUltimately, it is Matt\u2019s content and site to modify as he wishes, so the biggest challenge is to release any feelings of ownership of my work at this point. I hope the work Shelly, Rattana, and I put in to install a new site for the domain is the jump start Matt needs to transition to grow his business.<\/span>\r\n\r\n","protected":false},"excerpt":{"rendered":"Matt Budd is a local fabricator and engineer whose primary business is creating custom bike frames. Matt was a client for Advanced Web Design (WEB 210), a course that I took in summer 2018 at Seattle Central College for my web design certificate. I designed his buddbikes.com with two other teammates to create a site… Read more<\/a>","protected":false},"author":1,"featured_media":305,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1,9,10],"tags":[],"class_list":["post-92","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study","category-project-management","category-website-design"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/budd-bikes-mockup.jpg?fit=4000%2C2500&ssl=1","jetpack_sharing_enabled":false,"jetpack_shortlink":"https:\/\/wp.me\/pacOpi-1u","jetpack-related-posts":[{"id":90,"url":"https:\/\/growlingwillow.com\/web205\/2018\/08\/20\/mind-your-time-app\/","url_meta":{"origin":92,"position":0},"title":"Mind Your Time App","author":"growlingwillow_web205","date":"August 20, 2018","format":false,"excerpt":"Mind Your Time is an app I designed for my User Interface & Experience Design (WEB 202) class in spring 2018 for my web design certificate at Seattle Central College. Everyone in the class was required to work on a final project of their choosing in order to make the\u2026","rel":"","context":"In "App Ideas"","block_context":{"text":"App Ideas","link":"https:\/\/growlingwillow.com\/web205\/category\/app-ideas\/"},"img":{"alt_text":"device mockup","src":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/myt-screen-home.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/myt-screen-home.jpg?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/myt-screen-home.jpg?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/myt-screen-home.jpg?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/myt-screen-home.jpg?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":81,"url":"https:\/\/growlingwillow.com\/web205\/2018\/08\/20\/mimismith-restaurant\/","url_meta":{"origin":92,"position":1},"title":"MimiSmith Restaurant","author":"growlingwillow_web205","date":"August 20, 2018","format":false,"excerpt":"MimiSmith Restaurant is a Bootstrap, responsive web application created for Web Authoring III (WEB 130) in Spring 2018, in partnership with\u00a0Mariam Abdelmohsen. For our final project, we were required to create (on our own or with a partner) a responsive web application in which a user may login through an\u2026","rel":"","context":"In "App Ideas"","block_context":{"text":"App Ideas","link":"https:\/\/growlingwillow.com\/web205\/category\/app-ideas\/"},"img":{"alt_text":"device mockup","src":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/mimismith-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/mimismith-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/mimismith-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/mimismith-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/mimismith-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":84,"url":"https:\/\/growlingwillow.com\/web205\/2018\/08\/20\/wordpress-portfolio\/","url_meta":{"origin":92,"position":2},"title":"WordPress Portfolio","author":"growlingwillow_web205","date":"August 20, 2018","format":false,"excerpt":"In spring 2018, I designed and created a portfolio site for Content Management Systems (WEB 170) for to fulfill the final project requirements for the course. We needed to use HTML5 Blank starter theme and to include navigation, three sidebars, five plugins including a contact form, and a blog page\u2026","rel":"","context":"In "App Ideas"","block_context":{"text":"App Ideas","link":"https:\/\/growlingwillow.com\/web205\/category\/app-ideas\/"},"img":{"alt_text":"device mockup","src":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web170-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web170-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web170-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web170-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web170-macbook-mockup.jpg?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":481,"url":"https:\/\/growlingwillow.com\/web205\/2018\/09\/04\/itc-240-web-apps\/","url_meta":{"origin":92,"position":3},"title":"ITC 240 Web Apps","author":"growlingwillow_web205","date":"September 4, 2018","format":false,"excerpt":"For Web Applications Programming I (ITC 240) in winter 2018 for my web design certificate at Seattle Central College with Bill Newman I created three web applications with Bootstrap themes and PHP: Widgets Original, Widgets, and Sprockets. Each one completes the requirements to include an authenticated login area with image\u2026","rel":"","context":"In "App Ideas"","block_context":{"text":"App Ideas","link":"https:\/\/growlingwillow.com\/web205\/category\/app-ideas\/"},"img":{"alt_text":"device mockup","src":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web240-mockup.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web240-mockup.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web240-mockup.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web240-mockup.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/web240-mockup.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":492,"url":"https:\/\/growlingwillow.com\/web205\/2018\/09\/04\/inspiration-unleashed-coaching\/","url_meta":{"origin":92,"position":4},"title":"Inspiration Unleashed Coaching","author":"growlingwillow_web205","date":"September 4, 2018","format":false,"excerpt":"Victoria Mantzoros is a transformation coach whose business is Inspiration Unleashed Coaching. In winter and spring 2018, I redesigned her website and logo. We began with an initial consultation about how she wanted to grow her business. She relies mostly on Facebook to connect and communicate with clients, so the\u2026","rel":"","context":"In "Case Study"","block_context":{"text":"Case Study","link":"https:\/\/growlingwillow.com\/web205\/category\/case-study\/"},"img":{"alt_text":"stationery","src":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/stationery-1.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/stationery-1.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/stationery-1.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/stationery-1.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/stationery-1.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":99,"url":"https:\/\/growlingwillow.com\/web205\/2018\/08\/20\/seayoung-yim\/","url_meta":{"origin":92,"position":5},"title":"Seayoung Yim","author":"growlingwillow_web205","date":"August 20, 2018","format":false,"excerpt":"Seayoung Yim is a Seattle playwright and activist. She asked me to digitize her logo and redesign her personal website in summer 2018. Digitizing the Logo Seayoung\u2019s logo is a modernized version of her name in Korean characters, digitized to look like a stamp. As an artistic representation of Seayoung's\u2026","rel":"","context":"In "Case Study"","block_context":{"text":"Case Study","link":"https:\/\/growlingwillow.com\/web205\/category\/case-study\/"},"img":{"alt_text":"business card mockup","src":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/businesscard-1.jpg?fit=1200%2C891&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/businesscard-1.jpg?fit=1200%2C891&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/businesscard-1.jpg?fit=1200%2C891&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/businesscard-1.jpg?fit=1200%2C891&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/growlingwillow.com\/web205\/wp-content\/uploads\/businesscard-1.jpg?fit=1200%2C891&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/posts\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":10,"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/posts\/92\/revisions\/474"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/media\/305"}],"wp:attachment":[{"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/growlingwillow.com\/web205\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}