Implementation Summary Janelle Logemann site: janellelogemann.com Interactive Design II Grand View University 12.15.2016
Purpose: The purpose of this portfolio site is to sell the expertise of Janelle Logemann in a clean style that represents her and her work. There are many ways to create an online portfolio site from Behance to Adobe Portfolio. However, when you code the site yourself, you can completely personalize the site to show your work off. This gives the site personality and your designers’ touch. A portfolio site gives a place to showcase projects with a strong visual content and if chosen to, lengthy descriptions of the selected projects the designer has worked on. Janelle’s goal after completion of her Bachelor’s is to find a graphics position within an agricultural company. She enjoys designing pieces that help promote one’s business. Not just through collateral pieces, even though she has been involved in designing many t-shirts for non-profits, but helping non-profit and smaller shops/businesses with logos. She has been involved in many brand designs for small businesses. Janelle’s portfolio site needed to demonstrate her skill sets of branding a company plus her ability to keep consistency within all pieces designed for a company. Janelle also had the goal for her site to be a personal design “dump” for her family to view. She isn’t very active on social medias, especially Facebook, this makes one not very likely to post current and finished products for one’s family to view. This makes her family and friends to frequently ask what she is currently working on, especially right now as she is in school. With the use of a portfolio site, she can just drop all the files into the coding and upload. Now Janelle won’t have to break her social media sabbaticals.
Audience: Janelle wanted the main audience for this site to be her future managers and clients. As Janelle finishes up her second to last semester in college and first internships, she realizes that her first real grown up job will require an extensive amount of time job searching and marketing herself to employers. To market herself she will need a portfolio that shows the interviewers her skill set. One of the best ways to implement this is to have a site that they can access. Also, as previously stated, Janelle wanted her portfolio site to also be a place where family and friends could come and see what she is has finished working on. In addition, viewers may include people who have stumbled across the site via a search engine, social media link, or mutual acquaintance.
Ownership: The site and all work examples are the work of Janelle Logemann. It will be updated and maintained by her. No changes to the design, content or domain should be made without the express permission of Janelle Logemann.
Logemann | 2
Logemann | 3
Accessibility: As of right now, the site is design only works on desktop, laptop computers, and iPads. Anywhere that you can view the site through a desktop browser format rather than resized for mobile devices. In the very near future, Janelle would like her portfolio site to have the responsive coding that will make it versatile to work on smart phones and other mobile devices. However, all images have alt text to support screen readers.
Site Content: Janelle’s portfolio site consists of five main pages - Home, Design Portfolio, Photography Portfolio, About, and Contact. The homepage, about page, and contact page each contains a header image that dials into Janelle’s personality and preferences while keeping close and accenting the color scheme she choose. Included on the homepage is also a section of “Recent Projects” that Janelle will update with her top 4 finished projects each month. In the very near future, Janelle would like to add a javascript command that makes it able for the images to become larger and for users to be able to see the entire image that is presented on the page. The homepage should give vistors of janellelogemann.com a short preview into Janelle and the work she creates. Right now, only photography is representing on this page. Janelle would like to change this for that a variety of projects is represented in this feature. This will create a great first impression that Janelle has a strong range of skill sets in many medias and clients. The same “Recent Project” feature from the home page is what makes up the Design and Photography pages. I would like the same command on these pages. The about page includes a fun introduction to myself. At some point, I might add the three E’s onto my about page. The three E’s are: Expertise, Experience, and Education. Lastly, the contact page includes a functional contact form that takes you to a thank you page.
Home Page: Design Page:
Logemann | 4
Design Process: The start of my design process was researching other designers, artists, and photographers portfolios. Some had the same skill sets I possess and some did not. Through that, I figured out what I liked and what I disliked. This helped me narrow down what I wanted to include on my site or didn’t want to include on it. From there, I began hand-drawn sketches and site map, along with wire-framings. Next, I selected a header typeface that fit the style I was going after and a body text to fit the handlettering style of the header type. I also selected a color scheme that boosted my portfolio rather than clashing with it. My typeface and color scheme were documented on a style guide.
Usability Testing: My usability testing plan was quite simple. My testers included my classmates, my brother, a two friends. I asked people to complete this task list: 1. Go to website: janellelogemann.com 2. Click on About Page 3. Click on Design Page 4. Click on Photography Page 5. Click on Contact Page 6. Write an Email + Submit it Testers were able to complete my task list with ease. All links were working and my contact form conntinued to work! The one issue I noticed was that people wanted my images to be clickable so they could view the bigger & the rest of the image. This is something I knew before testing though. Feedback was positive and most said that they loved the easy use of the design and how my personality was woven into the design. I knew that my site wasn’t smart phone friendly yet, so I only tested on a laptop computer. This makes for no comments on the Logemann | 5
technical difficulity I am facing at the moment.