Classes

In each of my final classes for my MFA, I have kept weekly journals. Click the links below to jump to different classes.

UX 1

Week 1

What did you complete this week?
I am really excited to get going on my Thesis project. Since this is my first class since my midpoint review, I am starting at the beginning. This week, I communicated with the class about what my project is, what my goals are, and what feedback I would like. As I read through the module I was refreshed about usability and it’s place in design. It was nice to read through the first module and understand the format of how we will work on our projects

Since my midpoint review, I have continued to work on ideas to push the bounds of web design within my project. This was the biggest takeaway and point of improvement from my midpoint review. Some of those ideas are listed below:
Interactive look-book: users click through and experience products, features, and giving goals.
Interactive product experience: with html, css, and javascript interactive animations, provide the opportunity for users to hover and click through different features of a product. This will provide a positive experience for customers to learn about products.
Simple loading screen game.
Interactive infographics about education facts. Educate people about how creativity fits into different areas of work.
Creativity quiz: I have no idea how this would work, but it could be fun to provide a quiz or game-like quiz to help people understand and build their creativity. A secondary market for us should be high school students interested in creative classes.

What will you complete next week?
Next week I would really like to have my unique and defining ideas nailed down, so I can start planning. I have listed them above and would love feedback about which one(s) have the most potential and would fulfill graduation requirements.

What issues did you run across?
There are a lot of lifestyle companies out there that are like mine. I have a big differentiator in our proceeds going towards funding the creative programs of art, music, and shop for high school students. But I want to make sure this is a big enough differentiator and that it’s focused enough.

Week 2

What did you complete this week?
This week I did research on my target market and personas. Along with this, I set up a ten question quiz on surveymonkey.com and posted it to facebook. After posting the quiz and direct messaging about 20 people between the ages of 20–70, I received 95 responses in four days. The feedback I received was very informative. All the main points of my thesis were confirmed. The majority of people think there needs to be more funding for education, and they would be willing to give if it came along with a product. The only thing that surprised me about the survey was the age range. I was anticipating my target market to be in the age range of 45-65, but the largest response was from the 30-40 year old group. That could be because most of my friends are in that age range. I’m not sure. There were still a good number of people who took the survey who were over the age of 40. There were actually 35 people over the age of 40 who participated, while there were 36 participants between the ages of 30-40.

What will you complete next week?
Next week I will further look at how this research will affect my audience.

What issues did you run across?
No Issues this week.

Week 3

What did you complete this week?
This week I am adjusting the age range to be a little lower than first anticipated. I am also working on use case scenarios. This really helped me to think through how they would use my site. Initially I was think about having users scroll uni-directionally through my look book, but after a thought through it and imagined clicking though, I discovered it might be frustrating to someone who wanted to get to a specific section quickly. So I started working on a timeline slash navigation bar for users to see where they are and be able to jump to different sections quickly. This is a screenshot of how the timeline could look on desktop and mobile.

What will you complete next week?
Next week I want to gather more content. A lot of content needs to be thought through and provided by me. I would also like to start to include some additional content from news sources, journals, and other places about the decline of creative education funding so that people are aware of this problem.

What issues did you run across?
When I was putting my use cases together, I felt like there were a lot of steps for the buying process, and so little steps for my other scenarios. I want to make sure I am thinking through those use cases correctly.

Week 4

What did you complete this week?
This week I completed my content inventory and thought through how I am going to attain my content. This was really helpful for me. After putting my list together, I probably had 75% of the information I needed, and then by looking through my site more and discussing this assignment with the class, I was able to find the rest of my content needs. Writing it down so there was something tangible was really helpful. It gives a clearer map of where to go. Creating this list also helped me think about where to get the content. A lot of it needs to be generated by me. I need to make time to create it along with do research on how other competitors present their information.

What will you complete next week?
Next week, I want to make changes to my projects in week 3, work on my graphical mind map and look at UX testing.

What issues did you run across?
No issues this week. It felt like this week went fairly smoothly. I tried to work on things early and allow time for revisions.

Week 5

What did you complete this week?
This week I worked on my graphical mind map. I also made changes to my week 3 user case scenarios project. Nikki suggested I showcase more than just the ecommerce side of my site, so I changed the use case scenarios to reflect a user’s tasks of finding company and product information in my digital guide book. In class discussion we talked about prototyping and testing tools. Card testing came up quite a bit as a good initial form of information organization, but my big take away was paid testing sites. I really think I want to do this to see if people who have never heard of my site can navigate through my main tasks.

What will you complete next week?
Next week I will work on information architecture. After working on use case scenarios, I will start organizing my site information in logical sets. I have some thoughts about how things could be arranged, but I am curious to hear what the class thinks.

What issues did you run across?
I am still adjusting new elements into my site to make it more than an ecommerce site. By including a much larger focus on my Guide Book, I think my site will have more draw and interactivity than before.

Week 6

What did you complete this week?
This week I completed information architecture, looked at other websites with similar structure and did some navigation inspiration research. It was informative to look at other sites with similar structure and analyse how they arranged elements within their site. After looking through different sites, I saw ideas that could lend themselves well to my project. For example, one website showcased a number on their home page of how many products they had given away. It’s a small piece to add, but a great piece of information.

What will you complete next week?
Next week I will present my midterm. I will show my project at its current state with all the changes I have made since my midpoint review. I am really excited to see my project more focused and unique.

What issues did you run across?
None so far. I am trying to prepare this midterm as if I was giving a mini-thesis proposal, so I can start to work out any kinks before the real presentation.

Week 7

What did you complete this week?
This week I am putting together my midpoint presentation showing all the changes I have made on my project. Whew, it feels like this class has already been a mad dash.

What will you complete next week?
Next week I will be working on storyboards and wireframes. I have been working on new wireframes for my Responsive Web class, but I am excited to re-analyze them now and look at them with more of a focus on UX.

What issues did you run across?
It is really hard to showcase your project, research, usability, content, etc in 7–10 minutes. I need to focus.

Week 8

What did you complete this week?
This week I completed storyboards for my project.

What will you complete next week?
Next week I will work on wireframes and task flows.

What issues did you run across?
I focused more on the specific actions in the user interface where I should have backed up and looked at the whole scenario. I need to rework my storyboards to show a bigger picture about why a person would be using my site and how they would think to navigate through it.

Week 9

What did you complete this week?
This week I worked on wireframes and task flows. It is enlightening to rethink how users could move through my site after doing more research about them. Thinking through these simple basic steps before getting to the visual side of things is

What will you complete next week?
Next week I will develop a set of three task lists and work on my online prototype.

What issues did you run across?
It was difficult writing tasks without being too leading. In every other area of design I try to lead users to the right choice. If I were to do that here, it wouldn’t help my design.

Week 10

What did you complete this week?
This week I developed a set of three task lists and work on my online prototype.

What will you complete next week?
Next week I will conduct usability test to get feedback for my online prototype.

What issues did you run across?
Developing my online prototype, I started to question the categorization of my sections “about, store, and guide book.” I think I can have the guide book idea in my site, but maybe not have it labeled as a “guide book” or “look book.”

Week 11

What did you complete this week?
This week I will conduct usability test to get feedback for my online prototype.

What will you complete next week?
Next week I will compile and go through the results of my user testing.

What issues did you run across?
After setting up my prototype and testing, I learned that there needed to be some rearranging on my site. I really wanted users to jump right into the guide book, but the way I had it set up looked like it was the only option on the screen. I also need to add breadcrumbs.

Week 12

What did you complete this week?
This week I compiled and went through the results of my user testing.

What will you complete next week?
Next week I will update my online prototype and create my user interface design documentation.

What issues did you run across?
Hearing and seeing critique is difficult. It is hard for me not to take it personally, but I am getting better. Reading through the script I wrote while testing made it easier for me to separate the emotion from my critique. After sitting on the feedback for a little while and then going through it again this module, I was able to see what comments were really necessary to implement and which ones were outliers.

Week 13

What did you complete this week?
This week I updated my online prototype and created my user interface design documentation.

What will you complete next week?
Next week I will update my project plan and give feedback to my classmates on their projects.

What issues did you run across?
This week I put in a lot of work redesigning my online prototype. I really tried to look at the feedback from my testers and take some of the issues into consideration. I really felt like there was this weird disconnect between the purchasing and look-book experience. I was trying force people to go to the look book and was not making it easy to buy. Then once users got through the inspiration, they wanted to buy, but it was also cumbersome. In the end, I think having the principle of an interactive look book (or guide book as I have been calling it) integrated into each product section in the store is the better choice. The end goal is to sell products.

While I was testing this prototype, I happened to be in Seattle visiting my aunt and uncle John and Rebecca. John has worked for MSN, Microsoft, and created a number of e-commerce platforms. Rebecca, has worked for Starbucks, Microsoft X-Box, and GE. I spent a lot of time talking to them, since they have been in the technology industry for a long time. Through their comments and others, I really feel like there is a huge opportunity to revolutionize the buying experience. If I can create a fun, informative, and easy buying experience, my project will have a much greater success rate.

Week 14

What did you complete this week?
This week I updated my project plan and gave feedback to my classmates on their projects.

What will you complete next week?
Next week I will finish my journal and give feedback about the class and the instructor.

What issues did you run across?
I struggled trying to figure out where to arrange things. I put my project plan in roughly the same order as the module suggested, but I think I still need to move some things around and create more easily identifiable sections of content. Since I have been looking at timelines for the infographic section of my project, I thought about including a timeline in my presentation to highlight where you are in the overall scheme of things. This lends itself well to Jakob Nielsen’s usability heuristic “recognition rather than recall.” Below is a sketch of what I am thinking about.

Week 15

What did you complete this week?
This week I finished my journal and gave feedback about the class and the instructor.

What will you complete next week?
Next week I will rest because I need a break before the fall semester. By rest I mean clean out our pantry and garage, because they have gotten out of control cluttered with too many things.

What issues did you run across?
I did have phantom feelings of checking assignments for the next module, but then I remembered the semester is over. It’s normal. Time for a break.

UX 2

Week 1
What did you complete this week?
This week I worked on my deliverables list, MVP’S, started my journal (I was keeping my journal in another place, but I moved it over here), I worked on the interactive user experience, and discussed with the class my domain area level of expertise.

What will you complete next week?
Next week I will refine my MVP’S and work on my proof of concept.

What issues did you run across?
None this week.

Week 2
What did you complete this week?
This week I reworked my MVP’s and put together my proof of concept. I also worked on my problem statement and tried to refine what my main goals are. I talked to the class about the constraints I have with my project. I see myself as a front end designer. I feel that I can design good stories and interactive elements, but when things get into server side languages of php, mysql and other languages, I feel less comfortable. I want to stretch myself, but trying to tackle a big server side project doesn’t seem feasible in my timeframe.

What will you complete next week?
Next week I will complete testing on my three main scenarios.

What issues did you run across?
None so far.

Week 3
What did you complete this week?
User testing on my main three scenarios. I am still working towards finding the best solution of integrating my product buying experience and showcasing information about the products and how they give back. This week I asked myself the question “is this something I want in my project, or it is it something users really need?”

What will you complete next week?
I will schedule times to meet with people to talk about the changes I made that project. I am meeting with people within the range of my defined core users to solicit the best feedback for my project.

What issues did you run across?
I got a lot of really good feedback about my project. There weren’t really any issues per se, but I learned a lot about what people are thinking as they are navigating through my project.

Week 4
What did you complete this week?
People to contact:
Jackie Langley: Call on Tuesday 10am
Brandon Hill: Call on Tuesday 11am
Luke Montgumery: Call on Tuesday 2pm

/* additional options */
Becky
AJ
Terri Wilson
Charlie Syracusa
Zach Marble
Kenton Lee

Audience Interview Questions
https://docs.google.com/document/d/18E6Q84YfX-qTkjVZGONfhdYmBHLWbItwU4joxlKvvqM/edit?usp=sharing

Here is a link to my updated Proof of Concept.
https://docs.google.com/presentation/d/1FYXqW5mZBepTj2mFRrCaZZteTxGPC8MgMCRHXq42T54/edit?usp=sharing

Here is a link to my UX Testing Document.
https://docs.google.com/document/d/1oW8MuqZDnZ8BPXONItmqBrqlkiqUJZGfw3WPOXPy9aY/edit?usp=sharing

What will you complete next week?
Audience Interviews

What issues did you run across?
None this with my project. I know in previous classes we have talked about scheduling “life” and that was definitely the case for me this week. My whole family and I were sick and there were big issues at work that ate up a lot of my time. I need to remember to schedule as much work time as I can for my thesis, but also allow for those weeks where “life” happens.

I have really been thinking about the overall structure of my concept. One of the biggest pieces of feedback so far has been the structure of my menu. Having a menu item of “news” didn’t make sense to a lot of people. It made us more sense after they clicked through all the options, but primarily looking at a list of things it wasn’t the most clear. I have now changed my menu to include About, Products, and Education. I am still wondering if I can consolidate the about section somewhere else. I’m not sure if it needs to be where it is on the homepage. When thinking through my main scenarios, “finding information about my company” doesn’t need to be at the top of the list. When users arrived at my site I want to provide them with a few obvious choices. if they then need to click down one level to see other choices that is okay. Making my main tasks clear and obvious is the first priority.

Week 5
What did you complete this week?
This week I conducted audience interviews and worked on summarizing the main categories of my website.

Here is the link to my interviews. I am working on updating my prototype. There were a lot of really great ideas from my interviews. I am really glad we did these. I am working on conducting more this weekend. I also worked on updating quick drafts of parts of my UX to show interviewers to improve my project.

https://docs.google.com/presentation/d/1uXY7hmFPxqVsj1pZOCjl5clWA5MH_WNyMSzYRVGgO1s

Attached is a new sketch of what my home screen could look like. This rework was done to better tell the story of my project.

Below is a link to my updated prototype for mobile. I am still working through menu options and how they will be implemented, but I received a lot of really great feedback this week. After conducting all of my interviews I stepped back and looked at this project from my traditional Graphic Design background and said to myself “how could I make this as simple as possible?” Then after doing that, I felt like I could step back into my UX shoes and approach this.

https://xd.adobe.com/view/1ec5bc40-5760-4c21-84ea-41c8faa981c9/

Categories

My categories are as listed below as they would appear on my menu.

1) Store
Beverage
Apparel
Fall 18 Catalogue
Cart

2) About
Giving
Contact
Social Media
Blog

3) Connections

For products I have been using a shirt and a bottle, but I should add more to make this feel more like a legitimate site. I was thinking about (based interviewer suggestions) of adding different bottle colors, two other coffee mugs, hats, beanies, and sweatshirts, just so this will feel like a outdoor apparel website.

I would put those all into the Store category, then sub categories of Apparel and Beverage.

I listed the categories of Store, Infographics, Articles, About, but after talking with different people yesterday, I think I will change it up a bit. This incorporated instructor feedback too.
The main categories will be Store and About. Subsections under store will be Apparel and Beverage. Subsections under About will be Blog, Infographics, Contact, and Social Media.

I got feedback that blog would really incorporate articles, videos, etc. I was trying to re-think the wheel and come up with something new, but I think blog really covers it.
I’ve included a quick sketch to show what my home screen might look like. The illustration will help explain my concept. This will be a gif or video with movement. Then the main thing I want people to do is to understand my story then buy a product. Ideally, users are coming to my site because they have already hear about my story from social media.

What will you complete next week?
Next week I will review and refine user stories and find website inspiration with a similar organizational structure.

What issues did you run across?
I didn’t quite understand how to group my website into categories, so I posted my work early and got feedback from Nag.

Week 6
What did you complete this week?
This week I reviewed and refined user stories and found website inspiration with a similar organizational structure.

What will you complete next week?
Next week I will compile all of my work done so far for my midterm report.

What issues did you run across?
At first I looked at Patagonia.com for website structure organization, but I got feedback from Nag that while there were similarities in structure, Patagonia also has a lot bigger product offering than I do right now. After that feedback, I found another website, baronfig.com, who makes notebooks and has a very similar structure, giving philosophy, and mentality that I do. Arguably, you could say, we have almost the same idea of giving back (there’s not towards education), but they don’t lead with the giving edge. It would be an interesting case study to see how they are doing, being that there are so many other notebook providers. Essentially they are the same as moleskine and Field Notes.

Aside from that, their website is really nice. I like it a lot and can see my website being arranged in a similar way.

Week 7
What did you complete this week?
This week I compiled all of my work completed so far in the semester and put it into a presentation. Along with this, I also updated my prototype.

What will you complete next week?
Next week I will work on storyboards and wireframe adjustments. I would like to test out my updated wireframes and see how they hold up.

What issues did you run across?
Organization was a big task this week. I know I have all of the material need for my midterm, but gathering it and presenting it took a bit of time. I also reworked my wireframes into a new working prototype in Adobe XD. I went ahead and built pretty much everything in XD instead of just throwing images in from Ai. This should make it easier to tweak moving forward and easier to mock up a more final working prototype. Also, since I have established the basic look and know what grid I would like to use, I created my prototype on a desktop screen. I will be curious if testers respond differently to this version versus my old mobile version.

Week 8
What did you complete this week?
This week I turned in my POC and self evaluation along with storyboards for my main tasks. It is amazing to see how much my POC has changed already this semester. I feel so much better about it.

What will you complete next week?
Next week I will update my storyboards.

What issues did you run across?
I had a hard time separating the storyline in each use case for my storyboards. They all sort of began in the same way. After receiving feedback from Nag, I made adjustments and realised where I needed to make improvements.

Week 9
What did you complete this week?
This week I worked on editing my storyboards. When I first heard about storyboards for user testing, I wasn’t really sure how they would fit in, but this class really helped me understand their purpose. The storyboards were a really helpful tool for me to understand what the user is thinking and how I can help.

What will you complete next week?
Next week I will use my storyboards to develop task lists. The task lists will then turn into the script I can use for user testing. I am starting to see how all of these project connect and build off of each other.

What issues did you run across?
I realized, and received feedback that my tasks could be reworked and condensed. This process has really challenged me to find my most important tasks.

Week 10
What did you complete this week?
This week I worked on creating my task lists for user testing next week. I also worked on my online prototype this week to make sure it was functioning correctly.

What will you complete next week?
Next week I will test my prototype.

What issues did you run across?
It was tricky for me to write the test scripts. I wasn’t completely sure what each part was for. After turning in my scripts, Nag gave me good feedback about how to adjust. After reading the feedback, I have a better understanding about how to use the scripts with my testing.

Week 11
What did you complete this week?
This week I conducted user testing. After user testing I updated my project to try a couple of different approaches.

What will you complete next week?
Next week I will take a fresh look at the testing results and decide what changes need to be made to my prototype.

What issues did you run across?
I noticed I have a tendency to redesign right on the spot with testers. Or at least I get ideas about how to redesign. The module reading warned against doing this, so I am gathering my data, then relooking at it next week.

Week 12
What did you complete this week?
This week I worked on updating my prototype from testing and feedback.

What will you complete next week?
Next week I will work on my report and documentation about my project. I am starting to collect all the elements of my project that I’ve been working on and put them into one place.

What issues did you run across?
As I have been putting all of my files together it is sometimes hard to find where I put certain documents and files. I know in a lot of my classes we talk about file organization, but I don’t think this could be stressed enough. It wasn’t terrible to find all of my files but it took a little work.

Week 13
What did you complete this week?
This week I compiled my UX report. I submitted it early and got some good feedback from the professor about what I could change. I added in more information showing my research, what platform I am using, and elaborated on the why behind what I am doing. Along with my report, I created documentation about the functionality of my website so that I have something to base my decisions on next semester class.

What will you complete next week?
Next week we will read through everybody’s reports and offer feedback. After receiving the feedback we will make changes and resubmit those reports so that they are clean and polished.

What issues did you run across?
The only thing I ran across this week was that I created this report more like a final presentation, because that’s what I am gearing up for. In the past AAU has required a physical book or report. I have begun tailoring all my documentation to fit a presentation like format. I think the module was asking for more of a report, but I talk to the professor about it and they were fine with me making this more like presentation.

Week 14
What did you complete this week?
This week I made changes to my final report. Based on feedback from last week, I expanded on user testing sessions feedback from the tester and myself. I also read through my classmates reports and gave them feedback.

What will you complete next week?
Next week we will finish up class and wrap up the semester.

What issues did you run across?
I didn’t run across any issues this week. I guess my only real issue is I am tired. Only one more semester until my thesis presentation.

Week 15
What did you complete this week?
This week I gathered all my work from the last few weeks and turned it in.

What will you complete next week?
Next week I am going to relax and spend time with my family.

What issues did you run across?
I had a lot to do this week with giving finals for my undergrad classes and grading all the work as well.

Visual Design 1

Week 1
What did you complete this week?
This week I read through the module, participated in discussions, prepared my timeline, and briefed the class on my thesis project.

What will you complete next week?
Come up with 20 inspirational key words
Create three distinct looks
Re-do mood boards

What issues did you run across?
Creating a timeline for the semester is difficult. I tried to put in as much as I could with sticking fairly close to the 10 hour a week work mark, but I think some of my weeks are going to require more work. I am planning on taking this class again in the Spring, so I want to do a lot of work now, so I can really polish up my presentation and add final touches to my project.

Week 2
What did you complete this week?
This week I came up with 20 inspirational words to match my project, worked on improving my mood boards, and created three distinct looks as options for the visual design of my project.

What will you complete next week?
Next week I will start working on my design guidelines and the visual look of my website.

What issues did you run across?
It was great to be able to revisit the looks that I have been thinking about. At first it was difficult to categorize the different visual directions I might work towards, but after I looked at all my inspiration again, patterns started to emerge.

Week 3
What did you complete this week?
Write tagline options, choose one visual look to go with, research wireframes and create looks for website (bootstrap). The image to the right is the final look I am going forward with.

What will you complete next week?
Next week I will work on my design guidelines, visual looks for use cases of Buy a bottle and Look Book.

What issues did you run across?
None this week.

Week 4
What did you complete this week?
This week I will work on my design guidelines, visual looks for use cases of Buy a bottle and Look Book.

What will you complete next week?
Next week I will work on visual looks for the use cases of Infographics and Video Highlight, and I will test the use cases of buying a bottle and the look book.

What issues did you run across?
After getting feedback from Nikki, I worked on my brand guidelines before I worked on anything else. I revised my timeline this week. It was fun to start designing the visual look of my website. I have been itching to do this for a long time.

Week 5
What did you complete this week?
This week I have been working on my infographics and video portions of my website. I have also been doing research and going through video tutorials about Bootstrap. I am pretty sure that is what I am going to use for my framework. For my mockups this module, most of my screens take up two and four columns. Those will then drop down to one and two columns on tablets, and one column on mobile.

Initially I designated these two parts to be sections of my site, but the more I test my designs and talk to users, the more I realize these are supporting roles for the products section, so that’s where I have put them. I’ve also gotten feedback about re-arranging sections in my UX class, so you will see those changes reflected here as well.

The big changes are to the home page (which was not apart of my work this week, but I wanted to tackle it) and the menu structure. This homepage image is a visual draft. I am still working on the style. I think it will be close to this. I will animate this home page in some sort of way later. Does it look too young? Does it hint towards “Saving creative education through a love of the outdoors?”

Attached are images of the home page, product page, and infographic “scenes.” Each “scene” in the infographic will be advanced by some sort of user click. I’m not sure how yet. The infographics will be used to make connections between a creative class and another subject in high school. My goal with these infographics is to give people a visual to teach them how creative classes connect to other subjects, thus showing part of why they are so important. You can see where the infographic will go in the second image. Then in the third image you can see the progression of the “scenes.” The first scene is at the top, second is below that, and so on.

I like these styles for my infographics.

For my video, I have been looking at different animation styles. Below are some links to the styles I am thinking about. Ideally, there would be a video like this on every product page, but I am starting with one this semester. The video exists to show a personal testimony of someone who has taken music classes in the past and is talking about how they use their musical knowledge in their current working profession. These videos will be animated with motion graphics as the person explains a specific instance of a creative class and how it helps them today.


I kind of like the mix of more realistic imagery from this video

I like the level of detail of this video.

What will you complete next week?
Next week I will work on wireframe sketches. I need to go back to the drawing board after testing my project in this class and in my UX class. I like the visual look I have come up with, but the site structure and flow isn’t set yet. I got really good feedback about what people were confused about and what I could improve. I am excited to go back to the drawing board. I feel like I will keep (mostly) all of the same elements, just arrange them differently.

What issues did you run across?
After talking with testers this week, including an AAU WNM alum, I felt like going back to the drawing board and approaching this like a graphic designer made more sense to me. It was helpful to this of the overall story and main point of my project.

Week 6
What did you complete this week?
I sketched a lot this week. Attached is a pdf of the wireframe pages that I think really make my website work better than it was before. It really helped me to figure out what grid I was using, so that I could think through this from a desktop standpoint. For some reason thinking about this as a desktop site made it easier to approach.
On the product page, I didn’t go any further (right now) than “add to cart” because I wanted to focus on getting there first. I will use WooCommerce for the buying portion so I really don’t want to change that up anyway.

I have also added a page called connections. This page will house interactive images that will show connections between creative classes and other classes. At the end of this page, I will also have a “choose your own adventure” as suggested by on of my testers. You will be able select a high school creative class, other favorite general classes, then see the path to a career based on your interests.

After looking at baronfig.com this week, I changed my about page to give information about my company.

Below are some of my wireframes from this week.

What will you complete next week?
Next week I will update my timeline again… for the fifth time I believe. Is that a normal thing? I guess it fits into the design life cycle: sketch, test, create, test, revise, repeat.

What issues did you run across?
After going back to the sketch phase to rework my flow of information, I feel really good about where my site is. From talking with people over the last few weeks, I got a lot of good feedback, but I also walked away feeling like I needed to trust myself. Then after making some home screen sketches that would communicate my main message, I felt like things flowed really well from there.

Week 7
What did you complete this week?
This week I put together my midterm material into a presentation. When the module said to treat this like your midpoint review, that made a lot of sense to me, and it put this process into perspective. I have come a long way since my midterm proposal. I feel so much better with my project now. I feel like I am really getting close to having all the elements and flow of information dialed in for final production. I am almost done with my working wireframe prototype that I think really shows all the basic steps of use cases.

Here is a link to my updated timeline.

What will you complete next week?
Next week, barring significant changes, I will start to rework the visual look of my website.

What issues did you run across?
This week was brutal for many reasons. My wife was in an online class all week from 7–5, so I had to watch our 2 year old daughter, take her to daycare, and take care of things around the house. I also had an art show opening on Tuesday, which I installed last weekend, and I was chosen to design my school’s new mascot, which I am super excited about, but it has taken a lot of time. I’m tired. A small caveat is the NBA season started so life is good.

Week 8
What did you complete this week?
This week, after critiquing everyone’s work, I have been implementing changes based on Midterm critique and testing done this week. Here is a link to my most up to date wireframe prototype. I have worked to get the main use case of “buying a bottle” simple and easy. There are multiple ways to achieve this task. The two main ways are to click the “buy a bottle” button on the homepage and to click the menu > store > beverage. I have gotten feedback that my other tasks are still a bit difficult to find. Part of me feels like “find video inspiration” is okay being somewhat discovered. I’m okay with it sort of being tucked away. That’s how Hydroflask and Patagonia do it. What do you all think? I could have a video playing on the homepage slider, with link to other videos.

What do you all think of how I am pairing creative education classes with core classes? Does that make sense? Hopefully soon, I will put together a working image of what I think that will actually look like.

Does the choose your own adventure sound like a good idea or is it too much?

I also worked on these tasks this week:
• Brainstorm video interview ideas (find someone to interview): Carey Cook, Grant Miller, Lon Gilbert. These are three possible interview candidates.
• Scout video locations (Art Building Attic, Gallery, Band Room)

What will you complete next week?
Next week I will shoot video.

What issues did you run across?
None this week.

Week 9
What did you complete this week?
This week I worked on these areas for my project.
• Implement wireframe changes and start laying out final design.
• Layout (I am working on my visual design rough drafts. I am tweaking them from my earlier versions in the semester.)
• Storyboarding for first video (Attached) The storyboard is for a video testimony for my site. The video will pair music + leadership. The video will be showcasing a friend of mine who has a background in music, and will talk about how music helped prepare him for his current leadership role.
• Schedule interview video shoot (Wednesday 11/8 4:45 – Band Room)
• Put together list of all sections in Brand Guide

Below are summaries from my prototype testing. I sent out my prototype to about 30 people on facebook, and got feedback from seven. I am thinking after making these changes, I will put together a more finished prototype and use a paid testing service. I think I can mock up a simple html site pretty quickly for it.

1. Buy a water bottle- Good to go.
2. Find a Video Testimony
Problem – Hard to find.
Solution
Put one on the homepage slider and a link to the others on the slider as well. Maybe there should be a video inspiration section?
Several people suggested putting a video testimony at the header of the about page.
Adjusted menu links. Added video, moved contact and social media down on the “About” page, and removed partial blog section on “About page. Added video to “Home” page slider.
3. Find a connection between creative classes

Problem – A little difficult to find.

Solution

Added slide to homepage slider and added link under the “About” tab.
Moved to the About section.
4. Find Product Inspiration
Problem – Difficult to find.
Solution

Add slide to homepage slider or link in menu.
Here is a list of the sections I am going to include in my brand guide.
1. Brand Story
2. What this guide is for
3. Logo
1. What our logo means
2. How to use
3. How not to use
4. Color (meaning, cmyk, hex codes)
5. Type
1. Main
2. Secondary
6. Imagery
7. Voice (writing and visual voice)
1. How we speak and write
2. Do’s and don’ts.
8. Product display
9. Illustrations
10. Ads

What will you complete next week?
Next week I will start shooting video for one of my interviews.

What issues did you run across?
Testers gave good feedback. Not everything was as easy to find as I thought.

Week 10
What did you complete this week?
I shot video for my interviews and have uploaded a sample clip here. The uploaded clip is condensed down for an iPhone. I have the full footage. The files are really big, so I didn’t want to upload the high res clip. I tried to take as much video as I could. I have five interview takes, b-roll, sound bites, and additional audio other that what came through my camera. Now, I’m going through how the analogy Grant presents in this shoot to try to cut it down to be as short as possible. It was interesting directing him to talk about the connection between using a capo and leading groups of people. After looking at this video on my computer, it looks like some of the footage is just out of focus, so I might need to reshoot some clips eventually. I will put together this story first. I am sure there will be other elements I will want to change after putting this all together. I will have a rough cut of the story next week.

Also attached is documented research and tweaked layouts for my prototype. I created this based on feedback from Nikki and you all last week. I am doing another round of user testing next week, so there are more changes to come. I am still thinking about ways to create more thought-out solutions for my user tasks, besides just having links on the home page.

What will you complete next week?
Next week, I will work on editing my video and starting on my brand guide.

What issues did you run across?
I had an issue with sound this week. I knew that when I submitted my video. The lapel mic I got for this shoot, wasn’t working, so I recorded audio from my phone. I have five clips of Grant talking and I feel like I can piece together a usable video. I also got some b-roll of things around the campus.

Week 11
What did you complete this week?
This week I worked on the usability of my site. I had on my calendar to work on my video, but I felt like the feedback I received from critique last week in class and in testing pointed me towards tweaking my wireframe before I moved forward. I was feeling discouraged this week because it felt like I hit a brick wall. I was having a hard time seeing where I needed to go. So I went back to my sketchbook, wrote down some ideas, frustrations, and solutions. From there I revamped my wireframe four times. I tried an option, then made a new version, then I worked up another, deleted things I didn’t really need, and made more adjustments. Then, I took my prototype to real people. That’s what I keep hearing in this MFA program. Test, iterate, develop, test, repeat.

So, I re-worked my prototype, and I think it makes a lot more sense. Check it out and see if my tasks are easier to accomplish. I narrowed my tasks down from four to three by combining two of them.

Task #1: Buy a water bottle.
Task #2: Find images and video about how art connects with another subject
Task #3: Find details and information about the design about one of our products.

What will you complete next week?
Next Week I will re-work my prototype based on feedback this week.

What issues did you run across?
The round of testing and actually talking to people this week was really refreshing this week. I had done other testing online, and the feedback was hard for me to interpret. At least I didn’t really know where to go. While watching seven people go through my site this week, I felt like the solutions jumped right out (or at least I’m closer to a stronger project). Buying a product was easy for pretty much everyone. But the tasks “Find images and video about how art connects with another subject” and “Find details and information about the design about one of our products” was much more difficult for users. The interesting thing to me was almost everyone went the same routes and got stuck in the same places. Then, the awesome thing was, when we talked about a solution, people suggested really similar solutions to where they were expecting things. There was some variation, but there was a lot of commonality! It was amazing! It really made me like user testing and getting to talk to people. It was so refreshing to watch people use the site, hear their thought process and see them thinking.

Week 12
What did you complete this week?
After last weeks struggle and re-group, I reworked my timeline. I dropped the video all together for now. Next semester, I will take Visual Design again, and it should be something I can put together then. For the rest of the semester, I think it would be best to finish up the visual look of my project on the site and get those same visual standards collected into a visual style guide.

Here is the link to my prototype. I put together visual styling for my first use case “Buy a bottle.” I am really excited to add color to emphasize my user experience. Do you think the colors are working well? Do you like the beverage screen where bottles are nestled in leaves or should I go back to the previous version where all bottles are in a grid? Based on user testing last week I made some additional changes. I have attached a second version of before and after prototype changes.

What will you complete next week?
Next week I will start working more on my brand guide.

What issues did you run across?
None this week. I am feeling so much better, and feeling like I am on the right track after getting positive feedback from testers and class.

Week 13
What did you complete this week?
This week, I updated sections of Brand Story, What is this guide for, and Written Voice. I also tweaked logo spacing, tweaked brand book styling, and updated typefaces. I have been applying and experimenting with different visual looks for my prototype this week. A big area where I made updates was to my second use case “Find images and video about how art connects with another subject.” I put together a storyboard showing each step of an interactive image. There would be visual cues showing users where to click. This could also function as the basic storyboard for a video as well.
What will you complete next week?
Next week I will work on my brand story, guide purpose, and the written voice for my brand guide.

What issues did you run across?
No issues this week.

Week 14
What did you complete this week?
This week I completed the following sections for my brand guide: brand story, guide purpose, and written voice. I also tweaked logo spacing, the brand book styling, and updated typefaces.

What will you complete next week?
Next week I will complete the last part of my brand guide and the visual styling for my website catalog.

What issues did you run across?
None this week. I have felt much more settled with my design after my last round of in person users testing and showing those revisions to the class.

Week 15
What did you complete this week?
This week I finished the last of my branding guide and finalized the look for my website catalog.

What will you complete next week?
Next week I will relax and read a book.

What issues did you run across?
None this week.

Visual Design 2

Week 1: Visual Design 2
What did you complete this week?
This week I started my final semester of grad school. It feels good to say that. I put together my timeline, introduced myself to the class, looked up inspirational projects, and got my journal set up. In my journal, I set up time to dial in the visual look of my project and create the last pieces to support my thesis presentation. When looking for inspirational projects, I found some really great sites. I found one that helps companies create quizzes to boost sales. It isn’t visually revolutionary, but the concept and functionality is really good.

What will you complete next week?
Next week I will put together the storyboard for the intro video for my project. This will serve as the introduction video for my website and my thesis presentation.

What issues did you run across?
No issues this week.

Week 2: Visual Design 2
What did you complete this week?

This week I put together the storyboard for the intro video for my project. This will serve as the introduction video for my website and my thesis presentation. I also added Button states (partially done), Input fields, Icon, Web Layout and design sections to my brand guide. I had done most of the design decision making last semester for these four sections in my prototype last semester. Adding them to my brand guide book helped me to see if they were in line with the rest of my visual design.

What will you complete next week?

Next week I will adjust my storyboard based on class feedback then start setting up the initial structure of my video in after effects.


What issues did you run across?

None this week.

Week 3: Visual Design 2
What did you complete this week?

This week I worked on setting up the initial frames of me intro video in After Effects, although after getting feedback, I changed up my video. I created a new storyboard and sent a video walkthrough to the class about how it would look. Then I illustrated all the elements on a new storyboard, so I am ready to jump into AE next week.

What will you complete next week?

Next week I will finish my intro video and look for feedback from the class and from users. I need to make sure I show this to people who have not heard about my project yet to get fresh eyes and feedback.


What issues did you run across?

I received feedback that there was too much text in my video. After reading that, I completely agreed. It took a bit of time to rework the storyboard, but i think the visuals communicate a stronger message than the before. It feels good to be in the action phase of my project and actually executing and building these ideas.

Week 4: Visual Design 2
What did you complete this week?

This week I reworked my sotryboard to use more imagry to tell my story. I put together a rough draft of the video with narration and music. I tried to think through how the animations would play out while working on my storyboard, but it is hard for me to see what they will actually look like until it happens. So this week I jumped into After Effects. It is easier for me to get a feel for the video, what it says, and how it looks when I can see things moving through time. I completely dropped one section at the end that said “you hike, they paint,” “you canoe, they drum, and “you camp, they build” because I wasn’t making a strong enough connection with outdoor activities and tying them to customer support. That might work better as a marketing campaign later down the road. I might add this section in next week, if I can make the connect better.

What will you complete next week?

Next week I will refine my video based on feedback.

What issues did you run across?

I am still looking for the right music. I first thought about going with upbeat jazz, but it didn’t seem to fit. I will keep looking next week.  

Week 5: Visual Design 2
What did you complete this week?

This week I reworked my script and storyboard based on feedback from last week.

“I’d like you to spend some time thinking about the purpose of this animation. What are you trying to achieve with it? Where will it be displayed? etc. this is important in understanding the base of content within your animation. From this video I get that proceeds from my purchase go to high school art programs…but I do have some questions. What am I purchasing? What is the connection between Aterak and art programs, specifically high school, etc. I think you could utilize this video to go a bit more in depth…but again, that depends on what you are trying to achieve. Overall the video feels short and for me like it lacks a bit of depth.” -Nikki

Thank you for the feedback Nikki and Tamara. I might save this short video for social media. It might work well there. My original intent for this is to be on the opening page of my site introducing people to Aterak and letting them know what we do. I agree, this needs to more in depth. I will work on that this week.

After working through this next draft of my script, I got good feedback from Nikki letting me know I was on the right track with adding more specifics. I am showing this to a few other close friends who are good writers for their feedback as well. One of them recommended giving this script more powerful and impactful word imagery in the first couple of sentences.

Here are Nikki’s comments

“I definitely think this is on the right track. It’s more detailed and shows us the connection between the outdoors and art programs. You also mention your products, which helps the viewer to better understand your product and how it connects to your objective.” -Nikki

What will you complete next week?

Next week I am going to rework my storyboard and show the class before moving forward. Then I am going to circle back to my brand guide. Nikki gave me some feedback about adding some things a few modules ago, so I am going to tackle those things before I jump into AE editing on my intro video. I am also going to look for music as well.


What issues did you run across?

I took a step back this week. I jumped into animation too quickly. My script and storyboard did not communicate what I wanted to the level of depth for its intended use.

Week 6: Visual Design 2
What did you complete this week?

This week I refined my intro video storyboard sketches. I sat down and thought through my script, the timing and transitions. Tomorrow and over the weekend, I am going to start creating my illustrations (some I already have) and then start animating them. I would like to have this done for the midterm.

I have also been working on practical changes for my brand guide, based on feedback a few weeks ago. I have been reworking brand guide and my website to make the fonts consistent. I spent a good bit of time trying to get Adobe Type Kit fonts integrated into WordPress. I don’t have it working yet, so as of now, my fonts will look like they do now. The attached pdf outlines the fonts I use and how to use them on the web. Print specifications for type are in the works.

What will you complete next week?

Next week I will finish my intro video. I need to get this done to start wrapping other things up for my final thesis presentation.

What issues did you run across?

No issues this week. It was nice to get good feedback on my script, so that I could start on my storyboard sketches.

Week 7: Visual Design 2
What did you complete this week?

This week I worked on my midterm presentation and finished the basic feel of my intro video. Finishing all of that animation in a week was a lot work. Then to prepare and record my midterm presentation, was a lot of work. I had a really busy week and spent way more time than I normally do this week. I am ready for spring break.

 

What will you complete next week?

Next week I will work on edits to my intro to the water filling up the globe and math sections. I am also going to work on illustrations for my apparel page.


What issues did you run across?

No issues this week. I got a lot of work done.

Week 8: Visual Design 2
What did you complete this week?

This week I worked on edits to my intro video to the math section, intro and ending, and applied easing transitions with the Ease & Wizz Plugin Nikki recommended. It is great! I also worked on illustrations for my apparel page. I am going to make the water look more real as it fills up the globe and add some splashes. For the math section, I am going to edit the stroke path that reveals the equation. It isn’t clean. There is one section in the corner where you can see an arch where you shouldn’t. I am also going to clean up the MATH section. You can see where the letters are broken, and some of the joining lines in the math equation.

 

What will you complete next week?

Next week I am going to refine my presentation based on Nikki’s and class feedback. I am also going to make a simple gif showing the connection between art and speech.


What issues did you run across?

This week was a bit of a shock and mad scramble. I found out my midterm presentation is April 27th. That cuts out a lot of time I thought I had to work on my presentation. Within these next three weeks, I also have to work with our graduating senior class to tear down one show in our gallery, then set up the next two shows, and get ready for our Friesen Gallery Art Council meeting. We have these meetings every year or two so we can update the the alumni who donate to NNU about what we are doing in the galleries.

Week 9: Visual Design 2
What did you complete this week?

This week I worked on editing my thesis book and my portfolio, since they are due on Friday April 20th. I think I spent about 40 hours this week working on everything in both Visual Design and Responsive Web. I have been implementing the visual look across my site this week as well.

 

What will you complete next week?

Next week, I am going to have the rough draft of my thesis book ready to give to a friend to edit, that way I can make all of the revisions by the 20th. I am also going through my pdf portfolio to make sure it is ready to upload to my thesis review page.


What issues did you run across?

I had to really re-work my timeline to accommodate everything I need to turn in for my final review.  

Week 10: Visual Design 2
What did you complete this week?

This week I handed off my thesis book rough draft to be edited, then made the changes and submitted it to my review committee on the 20th of April. Overall, I think I have spent about 35 hours on everything this week, so I am wiped out.

 

I have also been trying to find a license for the music I am using for my video and looking for alternative options if I cannot get a license.

 

What will you complete next week?

Next week, I will finish up my presentation, my intro video, DVD, and Journals for my final review on the 27th. I am presenting in person, so I fly from Boise to Oakland on Thursday the 26th and present the morning of the 27th. I can’t believe my final review is here. This feels very real.


What issues did you run across?

I need sleep.

Week 11: Visual Design 2
What did you complete this week?

This week I presented my thesis project to my review committee and did not pass. They asked me to work on the following areas listed below. I did not show design research, and prototypes created based on that research. I was also told I should have started talking about the design solutions in my project much more quickly.

Make design reflect giving. Make design on products reference art, music, and shop.
Connect outdoors and arts: connect the two.
Need philanthropic company giving process research.
Mockups for giving back to school and programs. Show giving stats and percentages on site.
Connect buyers emotionally with visuals.
How does the outdoors connect to the Arts? Show that more than just my video. Show it in the design.
Look at examples like Humble bundle games
Contact Justin Matros at Fluid Design. Justin is an AAU alum and a professional designer. Talk to him about my idea, showing visual design research and process.
Maria’s workshop on Thursday’s
Michael has experience with WooCommerce.
Website Research:
Kickstarter
Gofundme
Indiegogo
Patreon
Rockethub
CircleUp
Amazon Smile
Better life bags – donates to people at entry level jobs just starting out.
Kammok – gives back to developing communities in Kenya.
Roma Boots- gives school supplies to kids in need.

 

What will you complete next week?

Next week, I will work on design research, analyzing how companies style and structure giving back to specific places, people, programs, etc. I heard back from Justin, the AAU alum one of my reviewers referred me to, and we are looking for a time to meet over the phone next week to talk about my project. Towards the end of the week, I will work on re-design sketches for how my site can more clearly communicate it’s giving and how the giving will specifically be directed by the user. 


What issues did you run across?

I didn’t pass my presentation. That was tough. 

Week 12: Visual Design 2
What did you complete this week?

This week I received the list of changes needed for my thesis project. For my work this week, I will conduct competitor research of (at least 2 pages) with giving sites that are similar to mine. Since my site has a giving portion that will let users choose what High School and program (art, music, or shop) they will give to, I need to look up sites with a similar mindset. I will put this together in a pdf report highlighting areas that I intend to apply to my site.

I am looking at sites like these.

https://www.donorschoose.org/

https://www.boxlunch.com/

https://consciousstep.com/

https://bandcamp.com/

https://www.humblebundle.com/

https://www.chipotle.com/fundraisers

 

It was also suggested that I set up a meeting with an industry professional to talk about how to improve my project. Motion Graphics Professor Colin Sebestyen suggested I contact former AAU Professor Justin Matros who now works at a design studio in New York. I emailed Justin, and am waiting to hear back from him.

 

  1. We need (at least) 2 pages of competitors in the site space, and how their sites (not products) compare to yours.
  2. We need (at least) 3 pages of design updates to (at least) 3 of your site pages with comparison analysis of what changed and why, based on the step 1 research.
  3. We need a design for the concept of choosing where your money goes. Charities are based on where the money goes, so we need to see your concept for this user experience. Include the rationale for this in your step 1 analysis.

 

In my remaining two classes, Visual Design and Responsive Web, I will be working on these changes to my projects for both classes. Both professors said this would be okay in order to finish my degree.

 

What will you complete next week?

Next week I will work on wireframe sketches based on the research I am doing this week.


What issues did you run across?

My first round of research was done in more of a report that looked like the image below. After sending this to Justin and talking with him about my project, he suggested I redo my research and create a presentation with more simple and concise findings, shown in the second image.

Week 13: Visual Design 2
What did you complete this week?

This week I completed wireframe sketches to 4 pages of my site. Within those wireframes, I added the elements found from step 1 of my competitive research. Within one of those pages, I designed the concept of choosing, through a series of pages, where a users money goes.

 

Below are my wireframe sketches.

What will you complete next week?

Next week I will complete 4 pages of design updates to 4 of your site pages with a comparative analysis of what changed and why based on the step 1 research. These design updates will be completed and saved as pdf documents.


What issues did you run across?

None this week.

Week 14: Visual Design 2
What did you complete this week?

This week I worked on my site redesign in Adobe XD. Below are images of the old and new versions for my thesis resubmission. I made a lot of changes that I think will tell a much better overall story. Here is a link to my Adobe XD prototype.

What will you complete next week?

Next week I will make revisions to my prototype based on class feedback and finish up my last journal entry.


What issues did you run across?

I emailed and called Hamilton to see if he could look over my work one more time before I submitted, but I didn’t hear from him until right before I had to submit. I wanted to make sure I was on the right track. We’ll see what he says when he looks at everything over the next few weeks.

Week 15: Visual Design 2
What did you complete this week?

This week I turned in my thesis resubmission. This is it, my last semester of grad school classes.

 

What will you complete next week?

Next week I will read a book… for fun, not for school.


What issues did you run across?

None this week.

Responsive Web 1

Week 1
What did you complete this week?
Since my midpoint review, I have continued to work on ideas to push the bounds of web design within my project. This was the biggest takeaway and point of improvement from my midpoint review. Some of those ideas are listed below:
Interactive look-book: users click through and experience products, features, and giving goals.
Interactive product experience: with html, css, and javascript interactive animations, provide the opportunity for users to hover and click through different features of a product. This will provide a positive experience for customers to learn about products.
Simple loading screen game.
Interactive infographics about education facts. Educate people about how creativity fits into different areas of work.
Creativity quiz: I have no idea how this would work, but it could be fun to provide a quiz or game-like quiz to help people understand and build their creativity. A secondary market for us should be high school students interested in creative classes.

This module I also created goals for this class, researched different websites that might have features I can include in my project, conducted a SWOT/PEST study of my project,

What will you complete next week?
Next week I would really like to have my unique and defining ideas nailed down, so I can start planning. I have listed them above and would love feedback about which one(s) have the most potential and would fulfill graduation requirements.

What issues did you run across?
When looking at the SWOT analysis, I really got stuck on Threats. There are a lot of lifestyle companies out there that are like mine. I have a big differentiator in our proceeds going towards funding the creative programs of art, music, and shop for high school students. But I want to make sure this is a big enough differentiator and that it’s focused enough.

Week 2
This week I participated in our classes live group chat, which was really helpful. I knew coming out of my midpoint review, I had a big adjustment to make with my thesis. I have picked a direction to go forward with in adding an interactive look book that will showcase our story, education facts, and our products. I realize I am behind in the planning process, and I have a lot of work to do to show my concept to the class.

What will you complete next module?
By the beginning of next week, I will have a well thought out example of what my website and interactive look book will look like.

What issues did you run across?
I am not as prepared as I would hope to be, because my thesis had to make a slight change, but I will be caught up by next week.

Week 3
What did you complete this module?
I did the module reading on Monday and thought more about what JavaScript can do for my Thesis project. I think most of the interactivity can be derived from JavaScript, so I am excited we got going on JavaScript in this module. As I was thinking throughand doing research on how someone would access product information in the look book, I thought some sort of timeline indicator and button acces to different sections would be helpful. In UX we were reading about Jakob Nielson’s usability heuristics, I came across the “Visibility of System Status” again. People need to know where they are in the site. So I’ve incorporated a timeline indicator slash buttons for users to see where they are and be able to navigate through the look book.

What will you complete next module?
By the next module I will have completed the basic framework of one page of my site with some of the JavaScript features built into the look book.

What issues did you run across?
None so far. I am really glad about how my site is evolving into what I thought it could be.

Week 4
What did you complete this module?
This module, I got feedback from Hamilton and others about my “look book.” I have been making changes to the look and feel of the interface. My main takeaways from my meeting with Hamilton this week are listed below.
Think about calling this something other than a look book.
There is a lot going on. Simplify
Just Desktop and mobile
Think about a back button instead of a menu button. This whole “look book” can launch into a separate screen.
Use SVG images
Think about using Hamilton’s carousel and manipulating it.
Hammer js for swiping
% positioning indicator for scrubbing play head.
Use css to move playhead % or px over then add transition.
animate logo in AE
Animated gifs for other transitions.

I finished one logo animation in After Effects and I am working on one more to use for code testing. Hamilton and I talked this week about devoting as much time as possible to coding for this class since that is it’s focus. Below is a sample of the animation.

I also set up the basic structure of the slider Hamilton suggested. I looked at a few others, but I really liked how Hamilton’s was bare bones, so I could alter it to fit my needs.

What will you complete next module?
By the next module, I want to dive into the carousel and figure out how to place my animations and text. I would like to start to place a few background colors and shape the size of the carousel as well.

What issues did you run across?
Now that I am getting the basic look and feel of my project into shape, I am refining what coding steps I can take for this class. I feel like I going about this class in a different way than maybe AAU would have planned, but I feel like it will work out.

Week 5
What did you complete this module?
I dug through the structure of the carousel, started placing multiple styles of text and animations (only did one for now, so I can dive into the code). I found a couple of Google fonts to use, though I will continue to look for fonts that more closely match my project. I put in the rectangle that will float behind ATERAK. I am thinking about my conversation with Hamilton last week, and I might get the basic setup of my guide book (formerly look-book), with using a slide for each section, then go back and try to implement more advanced transitions, etc.

What will you complete next module?
Next module I would like to have all the basic layout of my sections set up (name, giving, and product). Then I can start to figure out spacing of elements before I load all my content.

What issues did you run across?
I am having (and always have) a hard time centering elements. I was able to center my logo, gif, and text, but I am not sure if I’ve done it the most effective way possible. I am also having a hard time positioning the green box behind the ATERAK text. I figured out how to get it behind the letters and stay in the same place when the screen size changes, but now I want to bump it over a little. I’m working on it.

I was also wondering if I should be working on multiple screen sizes at one time or should I finish mobile first, then work on desktop?

Week 6
What did you complete this module?
I have been adding the basic sections of my lookbook and adding as many slides as I can, so I can start to see how things flow and click through. It’s been a really heavy coding week.

What will you complete next module?
Next module, I would like to start adding in the bottom menu.

What issues did you run across?
There have been a lot of little things I’ve ran into. I’ve been dialing in the placement of text, formatting text a little, and other normal coding issues. I’ve been trying to format the look of this site as quickly as I can, so I can focus on the structure and actual functionality of the site. It is hard to sort of gloss over the physical appearance, but I’m doing my best.

Week 7
What did you complete this module?
I have been adding main pages and positioning elements around on the Guide Book. I am working on adding the bottom menu button features and trying to add the timeline tracker at the same time. I am still trying to figure out the functionality of the moving timeline tracker.

What will you complete next module?
Next module I really want to have a bulk of my pages into the guide book and the menu added to the bottom of the screen with a functional time tracker.

What issues did you run across?
The functionality of the timeline tracker is taking longer than I thought. I am also trying to figure out an effective solution to change images on the screen when selecting different product colors.

Week 8
What did you complete this module?
This module, I added in all the basic pages for my site and added buttons across the bottom of the screen for my guide book. I also reworked my timeline (below) over the weekend to more accurately reflect where I am in my project.

W E E K 5
Module 9
Implement timeline slider
Module 10
Make slider menu clickable with internal links / wrappers around sections and whole slider

W E E K 6
Module 11
Implement product color slides
Module 12
Fix box hover / Put in all product pages

W E E K 7
Module 13
Make About and Giving section desktop friendly
Module 14
Make Product section desktop friendly

W E E K 8
Module 15
Integrate guide book into WordPress site.

What will you complete next module?
Next week I will implement the timeline slider. I have been researching different methods of timeline sliders. Late last week, when looking for Javascript timeline examples, I came across article progress bars, and I found some examples and plugins for them. I am going to work on it next week and try to find a solution.

What issues did you run across?
I spent a lot of time trying to get internal menu links working in my bottom menu. When I set the anchor tags, like you would do with any long scrolling html page, the links would go to a different section than I wanted. This could be because I am positioning them in a slider. I’m not sure. I talked to Hamilton about it on Friday, and he recommended wrapping my main sections (About, Giving, and Product) in divs. I will try that in week nine.

Week 9
What did you complete this module?
This module I have been working on my timeline slider. I have been researching different forms of sliders and progress bars. Good news is I have gotten the time-indicator-like slider to work, the bad news is, it continues to go all the way off the page. I’m working on it.

What will you complete next module?
Next module I will get the slider dialed in, make each of the three bottom menu links clickable, and make sure each section of the Guide Book is properly wrapped in divs.

What issues did you run across?
This slider has been difficult. I understand the basis of linking the slider location ot the number of slides or a percentage, but it has been really hard for me to code in Javascript. I really wish I would have taken a whole course in Javascript.

Week 10
What did you complete this module?
I have been working on the timeline slider this week a ton. I met with one of my good friends who has been helping me try some different things. We finally got the slider to animate like I have been wanting. There are still a few tiny position changes I will make, but for the most part, it tracks with each slide in the carousel. We set it up to index each slide as a number, so when I add in new slides, it should still work correctly. I tried to get the code we talked about last week to work, but I couldn’t. Although I still have a very limited understanding of javascript, I feel like I learned a lot this week workign on this slider.

I put a wrapper around everything in the html, then subsection wrappers around each section (about, giving, and product)

What will you complete next module?
Make slider menu clickable with internal links and implement product color slides.

What issues did you run across?
Other than fighting with the slider a lot this week, I have been having trouble getting the menu links to click to the correct sections. Usually in a normal long html doc this is really simple, but I think the slider is throwing different things at me that I haven’t figured out. I think it has to do with the images I am adding in. However, when I took all the images out, then clicked on the anchor tag for a section, all the slide information was stacked and jumbled on each other. There is probably a way to use JQuery to display a specific slide, especially since they are now indexed. I haven’t figured out how to get that to work, but I am still working on it after submitting this entry. I might try to make three occurrences of the slider, then place my anchor tags, so I jump from one slider to the next.

Week 11
What did you complete this module?
This module I completed working on product color slides. Hamilton and I talked about how to achieve an image replace within a slider, and I am getting it to work. Working with this javascript code has really helped me understand javascript more. It is making more sense about what items I am targeting and replacing.
$(“.dot”).on(“click”,function(){
var choseSrc = $(this).data(“src”);
$(“.carousel-slide img”).attr({src:choseSrc});
})

What will you complete next module?
Next module I will fix the box hover in the first part of the slider and put in all product pages.

What issues did you run across?
While working on the second slider, I realize, this function is calling all images after .carousel-slide and replacing them with whatever image is within the button link. After I run the first instance of this code in my T-Shirt section, every img in the slider gets replaced that does not have a unique identifier. I think all I need to do is change change the ‘get’ from ‘img’ to a unique identifier.

Week 12
What did you complete this module?
I actually fixed the box hover a few weeks ago because it was driving me crazy. I also put in all product pages and their corresponding information. Later this fall I am going to add more products, but I’m not sure which ones yet.

What will you complete next module?
Make About and Giving section desktop friendly.

What issues did you run across?
This week I was having trouble with different screens with buttons within the slide. I would click on one slide and then change the product color within that slide, causing the image to change as well, which then cause that image to also be in other places in the slider. I figured out that the javascript function I was using was only selecting the “img” after the carousel slider. There were lots of images after each carousel slider, so the selector needed to be more specific.

I then had to create different buttons for each section with different button colors and alter the javascript as well, so the buttons were being selected correctly.

Also, I am still trying to de-bug my timeline indicator. It works well if you move through the slides sequentially, but if you get to a few places and go back, it jumps around.

Week 13
What did you complete this module?
This week I made About and Giving section desktop friendly.

What will you complete next module?
Next week I will make the Product section desktop friendly.

What issues did you run across?
So far things are going well. Just making sure things are floating where they need to be and seeing how text is working in a different viewport.

Week 14
What did you complete this module?
This week I have been making the Product section Desktop friendly since I started out making everything else mobile friendly first. I also had a great phone conference with Hamilton this week. We worked through some problems I was having with my slider and internal links. As a side note, I have seen sliders everywhere online now that I have been working with one all summer. We even use one on the AAU Portal. With my slider I am doing a couple of things with button clicks that are outside the regular scope of a traditional slider. Hamilton helped me fgiure out how to get these elements working together. Now the slides rotate through as you click and the timeline indicator moves along as you go through the slider.

What will you complete next module?
Next Module I will add this slider into a WordPress site. My WordPress will have a basic framework set up with no styling. I will be working on that this fall through next spring. This “Look Book’ slider is a hug interactive element of my website and I wanted to tackle it this summer.

What issues did you run across?
As I have been creating media queries to make my site desktop friendly, I have run into normal issues of moving things around and positioning elements, but nothing major. The big issues I had this week were the menu links and the slider indicator, which Hamilton helped me out with. We were on a live video call for an hour, and I think I learned as much in that hour as five modules. It was unreal.

Week 15
What did you complete this module?
This week I adjusted the product section for desktop and integrated the guide book into a WordPress site. After taking this class, I really think I want to use another framework for my site. Maybe bootstrap, 960gs, or amazium. I am going to check into them this fall before my next Responsive Web class in the Spring. By doing that, I think I will be able to show more progress over relying on a WordPress theme.

What will you complete next module?
This is the end of the summer semester. I need a break.

What issues did you run across?
I ran across a lot of issues this weekend and this week. As I was trying to scale my website from mobile to desktop, I had to change so many things that were similar in other sections. If I would have thought about how my sections would work overall, I could have set things up better initially to make scaling easier. Setting up my website on a framework would probably make the process of designing responsively much easier.

Understanding that I was in a little different place than most everyone, I feel like I made good progress this semester. I had to revise my schedule a little bit because I bit off more than I could chew. From midterm on I felt very good about my progress. I definitely could have planned better from the beginning. These summer classes are always tough because there is such a concentrated amount of work. I don’t know if this is how all web projects go, but it seems like every week I ran into problems, sometimes with the simplest things. There is a lot I have to learn about web design still.

I wish I would’ve allowed for more time making my site responsive. As of now, it works, but it is not where I wanted to be. This fall I want to look at different frameworks to see which one might help me better prepare for responsive design. Now that my UX class is over for the summer, I also have a better idea of what my overall site should look like. Really, this look book is a big part of my site, and I am excited about the progress. The basic functionality is there. Now I need to create the animations, change styling, make it cohesive, make it fully responsive, and do much more.

While working on this project I figured out a lot of other things that will really help me for another section of my site. I am going to make an interactive info graphic with this going timeline. It will rely on some similar features from my look book.

After taking the basic coding classes at AAU, I feel like I have a good understanding of how to code and approach web design, but I learned a lot about programming this semester. I learned more about JavaScript in this class that I haven’t any other class. In this class I also started with the mobile first approach. It was my first time designing and coding from the mobile first approach, and although it was seemingly backwards at times, there were a lot of elements that I really liked. Although I was thinking about coding mobile first, I wasn’t really thinking about what that would look like on the desktop until a few weeks ago. That is something I need to go back and reevaluate.

This class was a great balance between getting work done and having live meetings every Friday to go over what we have been working on. It is much easier to convey over the phone and with screen sharing. I was very excited about the different possibilities and theories Hamilton and I could try on these Friday calls. During the calls it felt like I was getting an additional four or five modules of content every time because of our conversations.

Responsive Web 2

Week 1: Responsive Web 2
What did you complete this week?
This week I did some research and explored different examples of HTML5 on the web, completed my timeline for the semester, introduced myself to the class, and worked on my SWOP and PEST analysis.

HTML5 Inspiration:
https://www.baronfig.com/

Baron Fig has a really simple clean aesthetic that runs along the same lines as my project. The site uses big hero images with an elegant slider. I didn’t realize how much sliders are used until I started thinking about using one for my project. They are really effective at telling multiple elements of a brand story. I also like the scalability of this site from desktop, to tablet, to mobile.

https://www.epicurrence.com/

This site showcases a really awesome design non-conference. It is a destination conference with a focus on adventure and design. Their site has really different interactive features like a sidebar menu with side facing text and color transitions on menu clicks. Their use of video in the background is fun but not distracting. There is a button in the bottom right hand corner with an option to stop the snowing if you choose. The old version of this site had a really cool left to right scrolling list with images of event speakers. I like that format more than this new look.

http://www.vo2-group.com/en

Animations are so smooth and effective on this site. The opening home screen animation is complex yet quick enough that it doesn’t distract. I’m not sure if they are doing this with animated svg images or video. As you scroll down, the simple color block animation help lead you to the next piece of information. I’m not a fan of animations that take too long. They can bog down with slow internet. These animations, I believe, are using css and javascript (maybe just pure css), and they don’t seem to take long to load. Their side loading menu is clean and tidy. I don’t think it is something I want to use on my site, but I like the simplicity. Another thing I am not sure if I am a fan of is the section scrolling. When you scroll down, the browser automatically jumps to a pre-determined point instead of the user scrolling part way down. That gives V02 more story control, but I am not sure I like it. It makes me feel like I am not in control; probably because I’m not.

SWOP/PEST Analysis

Strengths: My projects biggest strength is to help save art, music, and shop programs in high schools. I will showcase a new interactive way to buy products with hover features showing animated features about the product. I will also have interactive ways to learn about how art, music, and shop connect to other traditional core classes.

Weaknesses: How is my messaging and website going look different from all the other lifestyle brands, especially brands that give back?

Opportunities: People care about art, music and shop. There is a big need to fund these programs. This idea lives in the altruistic model of thinking that fits in with a growing trend of people being more health conscious, environmentally conscious, and aware of what and who their spending is effecting.

Threats: Crowded market. The lifestyle market is really saturated. There are even companies that are preaching a similar message: Toms, Warby Parker, Natures’s Path, Organic Valley, Whole Foods, Hydroflask, Patagonia, etc.

Political: Over the years, there has been government cut backs on the arts. This is a great opportunity to help them out.

Economic: I am looking at a higher price point for products since some of the proceeds will go towards education. I believe there is a strong market of 45-55 year old’s who care about education and have the means to contribute.

Social: Altruistic messages can become guilt trips, and I don’t want to go down that road. I want to help people see how the arts connect to so many other areas. Like how music uses many notes to work together just like a team needs to work together. In a larger sense, I see the idea of using creative thinking to solve bigger world problems (energy, economy, social programs, etc.).

Technological: I think there is an opportunity to create interaction with my website that offers something nobody else has: animated product demonstrations, an interactive look-book, or interactive education facts and infographics to connect our message to customers desires.

My Professor: Fred McHale made a good comment that made me think further and write down my thoughts about a crowded market.

“Threats: Crowded market. The lifestyle market is really saturated. There are even companies that are preaching a similar message: Toms, Warby Parker, Natures’s Path, Organic Valley, Whole Foods, Hydroflask, Patagonia, etc”

McHale: This is something you really have to watch out for. You need to find a way to make your project unique and showcase that to rise above the rest.

This has been a very difficult part of my research. There are so many outdoor brands out there. That being said, I have read about and seen a lot of success stories about small brands who find a niche and make it. The successful brands I see, do much more than offer products. They offer ways to interact, they connect with customers, and more. I want to have the giving back portion of my company really big. As in we are going to give a large percentage of the profits to high schools.

I also see Aterak creating art, music, and shop competitions, a place where students can upload artwork for products, vote on the best ones, and sell them to fund schools. It is a way to create an instant sales force. Each school will want to advocate and spread the message for their idea. I haven’t incorporated this into my project yet, because there is a lot of research and connecting with schools that needs to take place. I have been working and talking with principles and teachers about the best ways to start programs like this. In the Spring of 2019 I am going to have a pilot program competition in Nampa, where I live.

With every purchase, instead of dollars going to help a general fund, money from each purchase will be designate by the customer to go to a specific school. That will take some logistical work, let alone accounting work, so I want to start small. Those are some of the ideas I want to incorporate with my project to help it stand out in the crowded market.

If you think of any ways that I can flush out these ideas, or have additional ideas, I am always interested. I loved art programs in Junior High and High School. They helped me connect in ways I could not otherwise. I want to help kids today cross the same bridge.

What will you complete next week?
Next week I will give a shortened version of my current thesis presentation to Fred. I will also build the basic page structure within WordPress framework with Divi theme. The Divi theme is really basic, and doesn’t really have any styling, so it gives me a blank slate to start from. The thing that is does that I like is houses most of the basic elements to my site.

What issues did you run across?
No issues this week.

Week 2: Responsive Web 2
What did you complete this week?

This week I reviewed my thesis presentation and added new slides based on Fred’s outline in the module content. I had a really good meeting with Fred to talk about my project. He said my project looks good and my schedule of work for the semester looks good. He also said to leave Stripe integration until the end, if I have time. Integrating Stripe, or other payment systems can take a while. Many of the core components of my site on the product purchase side can be designed before getting to an online store.

After talking with Fred this week, I am going to rework my semester schedule to move Stripe integration to the end of the semester.

What will you complete next week?

Next week I am going to add products to the beverage page. This will include the first level with all the water bottles and each individual water bottle page. All of the individual pages will essentially be the same, just with different colors.


What issues did you run across?

None this week.

Week 3: Responsive Web 2
What did you complete this week?

This week I added my look-book to my site. I developed the look book last summer in pure HTML, css, and JavaScript. Now I will integrate that work into my WordPress site. I also updated my timeline.

What will you complete next week?

Next week I will work on consistent styling with my look-book.

What issues did you run across?

I had a hard time getting my JavaScript and images linked to my custom slider code. I could not figure out the path for WordPress. I got it to work as a stand alone folder, which is basically the same thing, but it would be nice to have the WordPress menu at the top. Right now, that’s not how it is.

Week 4: Responsive Web 2
What did you complete this week?

I set up the basic pages for my first use case: buy a water bottle. My menu is set up so you can click on “beverage” and that will take you to the beverage page. Starting on the beverage page, I am going to add some different elements  that are new to the shopping experience. There will be somewhat of a grid of products, but the background will be a very subtly animated gif of the leaves moving and changing. These leaves will change with the seasons as well. Then when you hover over each bottle, something fun will happen that will encourage users to hover and click over all the bottles. The gif animation and hover effects will happen later this semester. What I wanted to do this module is set up the basic settings for each image. They are in three columns, so they can scale down to mobile well. WordPress will do this well if you have three or four columns, so I want to use that. After you are in the beverage section, you can click on a bottle, then you will be directed to the product specific page with product information. On this page is the basic set up of what I would like each product page to look like. It feels good to focus on getting this first big section set up. I will have to go in later and style everything and edit image, but the framework is getting there.

What will you complete next week?

Set up basic pages and sections for my use case scenario: Find images and video about how art connects to speech.


What issues did you run across?

I didn’t run across any issues this week. It feels really good to break up my site into setting up the basic framework of my use case scenarios. I was a little daunted at first about what to tackle, but it feels like I am getting good work accomplished every week buy working this way.

Week 5: Responsive Web 2
What did you complete this week?

This week I posted to our module about my progress evolving from my prototype to the actual site. Here is a link to my thesis project. https://dev.aterak.com/ and here is a link to my prototype that I am basing it off of. https://xd.adobe.com/view/69ef50a7-ee6c-40ae-a165-1d77487c1ac4/

This week I set up basic pages and sections for my use case scenario: Find images and video about how art connects to speech. I now have the basic elements coded for all three use cases set up. Next step is styling.

What will you complete next week?

Next week I am going to try and tackle my interactive bottle. I have looked at multiple ways to do this, and I know what I want, but I need to use Javascript, and that is not a language I know very well.


What issues did you run across?

No issues this week.

Week 6: Responsive Web 2
What did you complete this week?

I have a busy weekend, so I needed to work a lot early in the week, and I am super pumped about the progress I am made. In my prototype, I created an interactive portion of my product page where there would be pulsating dots where users could click on information, and this week I coded it! It looks slightly different, (the bottle is red, and a few other things are different) but I was able to figure out the javascript portion, get the basic positioning, and insert the code into WordPress. This is a totally custom section of WordPress. I’ve been thinking about how to code this, and from my javascript research (javascript is tough for me) and from our module last week, I saw the image replace and toggle functions. I figured all of the basics myself! I sat down at my computer, went through my process of tackling one thing at a time and it slowly came together. Ahhh this was super rewarding. I’m so excited about this.

In the midst of this, I’ve been battling caching and server issues for the past few days, so I hope my site has been looking okay. It should be fine now. I just talked with someone from my server company and got things resolved.

My excitement aside, I would like the text to animate in beside my bottle. Any ideas about how to do that? I am also thinking about trying to add images that pop up next to the bottle as well to give further explanation. I’ve attached my code. For now, all of my code is in one file, since that seems to work for WordPress right now. I’m looking at getting it broken up into separate files.

What will you complete next week?

Next week I will work on integrating my interactive bottle into my look book and work on lookbook styling.


What issues did you run across?

None this week. This week was a big hurdle for me getting my interactive bottle to work with javascript.

Week 7: Responsive Web 2
What did you complete this week?

This week I worked on making my interactive water bottle image work within my look book and styling my Store page. On the store page, I have been working on getting different backgrounds to work with the leafy nature feel I am going for. I am trying to keep it like an adventure, think about what Anthropologie, All Saints, Carhartt, or other flagship experience stores might feel like actually in the store. I was also able to plan out my styling a little more concerning what I am going to show in my look book, what I don’t need to show right now, and what the purpose of my lookbook (and bottom menu, and timeline indicator) is used for. I have been thinking about this based on Fred’s comments with my timeline needing UX work. The timeline indicator right now shows sort of where you are in the whole scope of the lookbook, but not really in a specific section. I am thinking through that. Also, realistically, I am thinking through how much time I can devote to this area right now. There are a lot of other things I feel like I need to tackle first before I dive into reformatting the timeline, but I am thinking about it.

What will you complete next week?

Next week I will work on consistent styling with my lookbook.


What issues did you run across?

This week (including Spring break) I had a lot come up at work and with my family. There were a few unexpected things that didn’t allow me to get quite as much done as I could. Life happened. I’ll leave it at that. If you want to know more, send me an email.

Week 8: Responsive Web 2
What did you complete this week?

This week I found out my Final Review is on April 27th. I was hoping it would be in May, so I have been working on adjusting my schedule. I have been trying to go through the things I wanted to accomplish this semester and really figure out what I can do in 2-3 weeks. So far this week, I have been working on applying styling from my brand guide I completed last semester onto my website. I finished styling most of the Beverage and Apparel pages. I dropped the Utility page because I just don’t think I can complete it before my review. I’m trying to focus on what I can complete before the 27th.

 

What will you complete next week?

Next week I will scale interactive water bottle down for mobile, adjust styling for Tablet and mobile sizing across site, style Menu and buttons across site. Add icons to drop down menu, adjust look book menu to fit (About, Giving, Products, Beverage, Apparel, Hat).


What issues did you run across?

Getting my thesis appointment time has caused havoc to my timeline. There is just no way I can finish all that I wanted. I reworked my timeline earlier this week after completing my midterm, and I just reworked it again to allow for 2-3 weeks of work before my review on the 27th. I have been reading through the guidelines for our Final Review to prepare to have my work done and presentation ready. There have been several things dropped from the requirements document, so I am not 100% sure what I need for the review. I’ll get as much done as I can.

Week 9: Responsive Web 2
What did you complete this week?

This week I worked on a new solution for my first use case, finding information about one of our water bottles, easier with a pop out slider rather than having the text pop up on the side. The image on the left was what the information display used to look like (as shown in the catalog) and the image on the right shows how the new pop-up will display information.

What will you complete next week?

Next week I will continue styling my site according to my brand guide. I will also be working on documenting my processes in my final thesis book and presentation.


What issues did you run across?

I worked about 35 hours this week on all my projects, thesis book, presentation, video, coding, and everything else. I am trying to balance getting my work done for the class and also getting everything ready for my final presentation.

Week 10: Responsive Web 2
What did you complete this week?

This week I continued implementing the visual look on my site.  

 

What will you complete next week?

Next week I will be working on visual styling and adding a step or two to the end of my purchasing process to show the thesis review committee a complete use case scenario.


What issues did you run across?

I am wiped out. I think I have worked 40 hours or more this week on my presentation, thesis book, site, video, etc.

Week 11: Responsive Web 2
What did you complete this week?

This week I finished updating my presentation, final site, thesis book, and saved everything onto a DVD for my final presentation. I did not pass my final review. The committee said there were some things they would still like to see from my project.

 

What will you complete next week?

Next week I will wait to see what changes the committee would like to see.


What issues did you run across?

It was a tough and long week getting everything prepared for my final presentation, flying to San Francisco, trying to get sleep, and then presenting. It was tough to hear I did not pass, but I am glad that I have three weeks to fix parts of my project.

Week 12: Responsive Web 2
What did you complete this week?

This week I received the list of changes needed for my thesis project. For my work this week, I will conduct competitor research of (at least 2 pages) with giving sites that are similar to mine. Since my site has a giving portion that will let users choose what High School and program (art, music, or shop) they will give to, I need to look up sites with a similar mindset. I will put this together in a pdf report highlighting areas that I intend to apply to my site.

I am looking at sites like these.

https://www.donorschoose.org/

https://www.boxlunch.com/

https://consciousstep.com/

https://bandcamp.com/

https://www.humblebundle.com/

https://www.chipotle.com/fundraisers

 

It was also suggested that I set up a meeting with an industry professional to talk about how to improve my project. Motion Graphics Professor Colin Sebestyen suggested I contact former AAU Professor Justin Matros who now works at a design studio in New York. I emailed Justin, and am waiting to hear back from him.

 

  1. We need (at least) 2 pages of competitors in the site space, and how their sites (not products) compare to yours.
  2. We need (at least) 3 pages of design updates to (at least) 3 of your site pages with comparison analysis of what changed and why, based on the step 1 research.
  3. We need a design for the concept of choosing where your money goes. Charities are based on where the money goes, so we need to see your concept for this user experience. Include the rationale for this in your step 1 analysis.

 

In my remaining two classes, Visual Design and Responsive Web, I will be working on these changes to my projects for both classes. Both professors said this would be okay in order to finish my degree.

 

What will you complete next week?

Next week I will work on wireframe sketches based on the research I am doing this week.


What issues did you run across?

My first round of research was done in more of a report that looked like the image below. After sending this to Justin and talking with him about my project, he suggested I redo my research and create a presentation with more simple and concise findings, shown in the second image.

Week 13: Responsive Web 2
What did you complete this week?

This week I completed wireframe sketches to 4 pages of my site. Within those wireframes, I added the elements found from step 1 of my competitive research. Within one of those pages, I designed the concept of choosing, through a series of pages, where a users money goes.

 

Below are my wireframe sketches.

What will you complete next week?

Next week I will complete 4 pages of design updates to 4 of your site pages with a comparative analysis of what changed and why based on the step 1 research. These design updates will be completed and saved as pdf documents.


What issues did you run across?

None this week.

Week 14: Responsive Web 2
What did you complete this week?

This week I worked on my site redesign in Adobe XD. Below are images of the old and new versions for my thesis resubmission. I made a lot of changes that I think will tell a much better overall story. Here is a link to my Adobe XD prototype.

What will you complete next week?

Next week I will make revisions to my prototype based on class feedback and finish up my last journal entry.


What issues did you run across?

I emailed and called Hamilton to see if he could look over my work one more time before I submitted, but I didn’t hear from him until right before I had to submit. I wanted to make sure I was on the right track. We’ll see what he says when he looks at everything over the next few weeks.

Week 15: Responsive Web 2
What did you complete this week?

This week I turned in my thesis resubmission. This is it, my last semester of grad school classes.

 

What will you complete next week?

Next week I will read a book… for fun, not for school.


What issues did you run across?

None this week.

Top