Online Identity & Design Portfolio Website

There are many steps to consider when creating your own website. The first step is thinking about how to incorporate your personality and interests into your site. Creating a logo is the second step. The logo should symbolize and represent your brand identity. Think about who you are as a designer. Being able to share your work is the fourth step. Sharing your work can include: a logo, business cards, and a website that depicts your work. Your design portfolio website should include a contact information page. Using a form is the easiest way to display a contact page. Networking is the sixth step. Share your work and meeting with new people through organizations and or volunteer work is one way to network. The seventh step is observing how others view your website. Paying attention to design trends is very important. You may need to make changes in your logo or website with the changing of trends. As time goes on, you will have to write down new ideas. Storage for these new ideas can be kept in: a computer, tablet, phone, or a paper file. The tenth and file step is knowing your boundaries and what is appropriate.

Other than, the steps to create a personal portfolio website, there are ten steps that make a portfolio website. The first step is creating a logo for your website. The logo is what the viewer first sees. It should be placed on the upper left corner on your website home page. Also, the logo should be a link to your home page. Your tagline is the second step. It is a brief summary of what you do. The third step is your portfolio content. The images of your design content should be high quality images. Include a link to a live version of your site. It might be beneficial to show your clients or users your design process. Your site should include what services you can provide. Be specific and clear of what you can do. The fifth step is a page about you. Write details about your background. The more information you give to your viewers, the more they’ll trust you. In your about page include an image of what you look like. Also, include awards you have won. Contact information should be easy. Use a form and ask for specific information. The seventh step is writing a blog that shows that as a designer you know what you are talking about. A call to action button can be included in your site. The ninth step is showing links to your social networking websites. Make sure that the viewers know that they can follow you on those sites. They can be either Twitter, Facebook, LinkedIn, or Flickr. The tenth and final step is to be friendly and personal on your website.

An example of a portfolio website is here.

 

 

Screen Shot 2016-11-22 at 8.45.03 PM.png

 

screen-shot-2016-11-22-at-8-40-50-pm

 

One example of a strong professional logo is Papazian Jewelry Displays. The geometric center logo represents the details of what the company does. Since, the company designs jewelry stands the lines represents the blueprints of the design layouts.

Here is the link to the website.

 

 

Screen Shot 2016-11-22 at 8.45.59 PM.png        screen-shot-2016-11-22-at-8-46-01-pm  screen-shot-2016-11-22-at-8-46-22-pm

 

Another example of a strong professional logo is Anakin Design Studios. On their site, they show two different logos. The logo on the home page is the triangle logo. This logo is a representation of the letter “A” in the branding name. The other logo is circle logo with the name of the brand and the simple triangle logo. The two logos represent what the brand identity is in a simplistic way.

Here is the link to their site.

 

 

There are multiple ways to design a website. Some designs appeal to a much darker tone or lightly colored design. A website should have at least four columns. The home page of your site can include an introductory block on the upper left portion of the page. As for alignment, it should not be right aligned. However, your website can be horizontal. Next, the navigation on the site can either be horizontal and centered or left aligned. Your site can have a search box. There are a variety of sizes that it can be. For the viewers of your website, it may be beneficial for them. Another element that can improve your website is by adding flash or JavaScript characteristics. The contact information page button should be in the header. The “about us” page should include images of the designer(s). A client page can be added. It can show who some of your clients are. Your website should include a service page. Clients will be able to understand more clearly of what you can do as a designer. The main portfolio page is a way to showcase your work and you can show your work process. Finally, the contact page should include your: email, phone number, and or your address.

 

 

Screen Shot 2016-11-23 at 9.15.53 PM.png      Screen Shot 2016-11-23 at 9.26.44 PM.png

 

These are two examples of “portfolio” pages.

http://ollestudio.com/#/works/all

http://vanderlanth.io/index#content

 

screen-shot-2016-11-23-at-9-35-29-pm    Screen Shot 2016-11-23 at 9.35.57 PM.png

 

These are two examples of “about me” pages.

http://www.samdallyn.co.uk/About

http://www.andyhau.com/about/

 

screen-shot-2016-11-23-at-9-45-33-pm    screen-shot-2016-11-23-at-9-46-44-pm

 

These are two examples of “contact” pages.

http://sociodesign.co.uk/contact/

http://builtbybuffalo.com/contact

 

 

Advertisements

Responsive & Mobile Design

desktop-01.jpg

Web designers need to be able to design for both web browser and mobile screens. Designers need to have successful designs and content needs to be sized down as the screens gets smaller. There are many ways designers can be successful.

One way designers can be successful is making sure the forms on the website are simple and easy to follow. The design of the form should be short and concise. A second example is a user should easily be able to find an object he or she is searching for on the site. The last successful tip for designers is to have few items listed on the navigation. The more items listed on the navigation, the more confusing the site will be.

All websites, either on the computer or mobile screen, should be responsive. Images on the site should be resizable when adjusting the screen. The website layout should be flexible when being adjusted.

The desktop computer screen works just as well as a mobile screen but you may not always be near a computer. Having a mobile phone is more reliable than a computer. You can view websites on your cellular device almost instantly. A computer, on the other hand, can be easily accessed but it can be a challenge to carry it on your personal. Despite, having more access to websites on your mobile phone, a desktop screen can hold more detail. Websites viewed on computers can visualize more information than mobile phones. Either way both devices can depict adjustable sites.

Under Armour’s website is one example of a responsive website.

Barnes & Noble is an example of a mobile website.

 

 

 

 

Sources used:

http://blog.hubspot.com/marketing/9-mobile-web-design-principles#sm.0000ciw1krwledr4syz1d2tbe6vn6

https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/

http://www.computerhope.com/issues/ch001398.htm

 

 

Internship: Communication Challenges

I found, that while working for Creig Northrop, there were not many communication challenges but there are two examples of communication challenges that I faced.

It was a challenge to figure out what exactly a Real Estate Agent wanted done. Of course, there were guidelines but imagery was up to my interpretation. I would make multiple product pieces. For example, I would be design one postcard with the same typography information but with a different design. I would then create maybe five or ten variations. Sometimes, it would be fifteen to eighteen different designs. The agent would then pick out the final product for printing.

A second communication challenge was incorporating the branding identity in a consistent manor. The branding identity has to be the same; it can never change. If it does change in some way, it would be confusing. So far since my junior year of college has started my knowledge for branding identity has increased. I know more about branding consistency than I did two or three months ago. Communication begins with a brand, it ties everything together. If the brand does not depict the message clearly it will not be successful.

 

Internship: Commuting

I would not have thought that commuting would be a challenge. I start my commute from central Catonsville, MD to Clarksville. However, it was not a fairly long drive but it was still  over an half-hour away.

From the middle of June to the end of July the commute was a breeze. I would cut through Ellicott City and go towards Columbia. The rain storm on Saturday July 30, 2016 caused major problems. That night it rained for hours; flash flooding became a result. Ellicott City was destroyed by the  Patapsco River flooding. The end result was devastating. Many businesses destroyed as well as homes. A large sinkhole was also produced by the storm. Main Street and that part of Frederick Road was then shut down.

That Monday going to work was a nightmare. I had to leave much earlier in the morning. Usually, for work I would leave around 8:00 a.m to be at the office by 8:30 a.m. Instead, of leaving at 8:00 a.m, I left around 7:20 a.m. I only left that early because, I knew traffic was going to be a disaster. It was a good decision to leave much earlier; since I did not arrive to work until it was almost 8:45 a.m by the time I got there. In order for me to drive to work I had to take Route 40 all the way down to the exit I needed to get to Clarksville. The commute took me an extra 15 minutes after that first week.

Driving the long way to work was never easy and traffic was mostly horrible. For the last few weeks of my internship, this was the way I drove. Main Street and this portion of Frederick Road did not open until a week ago (around October 7, 2016).

 

 

 

 

 

Internship: Work Environment

unnamed.jpg

While, working for Creig Northrop Long & Foster Real Estate, I had the opportunity to work at my own desk. I had never had the experience of working for a corporate office before so I found having my own work station very interesting. It made the work environment more realistic. I was able to get some sort of idea of what it would be like to work for a professional company. Also, since the desk had drawers and extra desk space, I was able to stay organized. Being able to work on multiple screens at once was another new experience.

Internship: Post-Internship Reflection

It has been a few months since my internship has subsided and looking back on the experience I have learned many things.

The internship at Creig Northrop Long & Foster Real Estate was a great learning opportunity. I learned what it was like to work for a corporate business. I have never worked for a company before and I learned a multitude of things. I was able to learn about the importance of a branding identity. A branding identity needs to be very specific. The guidelines for a brand should be consistent. It was a new learning experience for me. I have learned more about branding identity more thoroughly since my internship ended. What I know now about working with a specific brand, I did not know then. I have learned from the experience and have since been able to understand more clearly about branding consistency.

I have also learned more about design problems and ways to solve them. My design thinking process has since improved since I worked for this company. I believe, that working for Creig Northrop has made me realize the importance a design process.

Since, I have never experienced working for a real estate company before the internship, I have learned to be more open minded. I would not have thought to intern or work for a real estate company. I have learned what it is like working with other colleagues and clientele. Being able to work for a large corporation and brand was a new work experience. This was a great learning opportunity and I appreciate what I have learned. I have learned how to be more successful and I would like to improve my design skills even further.

I have also learned that working for a real estate company is not what I desire to do in the future. On the other hand, it was overall a positive work experience. I am glad to have worked for Creig Northrop Long & Foster Real Estate. I enjoyed working for this company and I have learned so much from my employers and colleagues. It was a great learning experience and I want to see what else is out there for me.

Internship: Exit Interview

STRENGTHS

  • Good basic foundation of design skills
  • Working on my own direction – working individually with less assistance
  • Good handle on organization
  • Positive work ethic

 

WEAKNESSES

  • Needs more work experience
  • Getting away from my comfort zone
  • Look more closely to detail
  • Taking more detailed notes and thought process

 

Internship: Sample of Work: Seven Series

seven_series1-0

seven_series_2-0

seven_series3-0

seven_series_4-0

seven_series_5-0

seven_series_6-0

seven_series_7-0

I teamed up with another Marketing intern for Creig Northrop on this project. Every day for one week the team posted facts about Baltimore, Maryland on their Facebook page. These facts were also posted on the main blog on the Creig Northrop website. The other intern that I was working with came up the seven facts and information about Baltimore and I came up with the images and typography. I had a lot of fun with this project.