#scrw

[beurich]

Fazien Training mit Romy -- Neu beim SC Rot-Weiß Altenstadt ab 06.06.26

Dein SCRW Altenstadt hat viel zu bieten! Sport, Reha, Fitness & Freude an Bewegung. Miteinander, Austausch, Wertschätzung & neue Kontakte knüpfen. Start im Juni: Faszien-Training mit Romy 06.06.26 Hiermit laden wir zum neuen Kursformat „Faszien-Training“ ein. Faszientraining verbessert die Beweglichkeit, Körperwahrnehmung und Regeneration durch gezielte Übungen für das Bindegewebe. Mit…

Fazien Training mit Romy -- Neu beim SC Rot-Weiß Altenstadt ab 06.06.26

[scrwwrldwide-blog]

first sample..

[scrwwrldwide-blog]

worldwide

[brandonlin-dmd]

Final Reflective Statement

This semester went by better than I thought it would, considering we had to do two projects instead of one. Working on the IFE was actually a fairly enlightening experience, considering the larger format and landscape orientation. We did not go too in-depth into extensive choreography but it might be interesting to apply motion more in-depth like iOS 10 does. While I do enjoy having a larger screen size to work with as well as working on something which is not exactly a phone app, I did not find the IFE that engaging. I am not sure quite sure why but I think I would like to work on a similar project, perhaps like an art gallery information kiosk that could be quite cool.

Working with the same group was good, as we all assumed our usual positions and did not have to waste time getting accustomed to one another’s systems. In saying that I think it was a really good idea to change groups because I could see how it would be problematic to just assume the same role and do the relatively same thing each assignment. Working with Siobhon was actually very helpful, I felt kind of bad because I am fairly certain she did more work than me. But I think we work well together as a team, I was actually quite excited to get her as a partner as I heard really good things about her from my friends.

The RW was as challenging as I thought it would be. One thing I do not think we did really well was creating a truly seamless RW, as some breakpoints could not be resolved due to the limitations of Webflow. I really liked worked on the faux parallax GIFs, it was a design challenge I have not really faced before. This balance of quality and size helped me realize the bigger picture of having images that load first. I actually learned quite a bit which is good as I am planning to create a personal portfolio over the summer, probably on a platform like Webflow, Squarespace, etc.

I also did enjoy doing the interviews for Homegrown, it was daunting but informative. That aside, I realized I really look forward to creating the videos, even though I felt it was kind of redundant for the RW as we basically had two formats of the same journal. While not my initial intent this paper has really improved my After Effects skill which I am thankful for. My future goal for next year would be to become more proficient which wireframing and prototyping programs such as Sketch and InVision as I did not do that much this year, as it often was someone else role. I look forward to what the next year brings.

[brandonlin-dmd]

Final Style Guide - The Champion Centre

Siobhon made the style guide which looks real cool and professional. We didn’t have too much to do in terms of branding, really only the logo needed to be traced over and typefaces needed to be chosen. But it was good break to have an assignment which wasn’t heavily icon or illustration based, it certainly allowed for more time actual designing rather than creating the branding. 

[brandonlin-dmd]

Final Screen Designs - The Champion Centre

I think the site looks pretty good. Originally we were worried about publishing the site because we don’t have the legal rights to use the Champion Centre’s branding nor did we contact them. Also, we didn’t want people to accidentally stumble on our site thinking it was the actual Champion Centre site. But then we realised we didn’t have any SEO and when trying to search for our site on Google we couldn’t find it. So that worked out in the end.

Link to website:

http://championcentre.webflow.io/

[brandonlin-dmd]

Parallax GIFS Pt 2.

The hardest part of making the GIFs was converting them from mov files of 100+ mb to 4mb max GIFs. The photoshop interface where you can preview and select different options was a good design challenge, compromising quality, size, and aesthetics. The last GIF suffered especially in quality due to the option of making either the GIF 8 or 16 bit. 8 bit would render the GIF practically useless as the tones would blend into each and be too flat, due to the nature of the image. However, it allowed enough remaining mb to allow for dithering. Whereas the 16 bit option didn’t allow for dithering resulting in a not very smooth image but the image wasn’t flat so really it was the only choice we had. I had a lot of fun making these GIFS. They also had to be huge to fill enough of the screen which didn’t help.

Links to GIFs (They are too big for Tumblr):

1. http://giphy.com/gifs/3oriOgfbbKdiUmHaEw

2. http://giphy.com/gifs/26tknevw9QFFg1EKA

3. http://giphy.com/gifs/3o6ZtpAOKgrmF4eWic

4. http://giphy.com/gifs/3o6ZsU6pPThaR7sDa8

[brandonlin-dmd]

Screen Design Pt 3.

While we were originally considering to use Marvel in combination with Photoshop and Muse (for the responsiveness), we decided to use Webflow due to its ease of use. We both watched the tutorials and then got into practicing with Webflow which works much differently due to its use of Div blocks, containers, and classes. It was a very enlightening experience.

Siobhon ended up doing most of the actual prototyping as the final chosen typefaces are both from TypeKit which she already had access to whereas I did not. 

Picture 1 displays the Webflow UI.

Pictures 2-3 depict the development of the testimonials, partially due to the increased knowledge of Webflow. But also due to the User Testing.

Pictures 4-5 show the change of the footer, omitting the option to send mail and rather providing an email address and Google maps widget.

Picture 6 is the photoshop mock-up I created of the mobile screen back when we thought we would use a combination of Marvel, Muse, and Photoshop. The design is a bit of a departure, and the concept was ultimately scrapped.