際際滷

際際滷Share a Scribd company logo
American Institute of Architect Students Grassroots 2015
Rob Rozicki
SVP  StartingDot Ltd
www.domains.archi
Web Design Tools For
Architects
Personal websites directly correlate
to career success.
Building your brand
Attract new opportunities
Employers are looking at you online
Source: .me study 2015
Website Architecture.
Website architecture is an approach to
the design and planning of websites
that involves technical, aesthetic and
functional criteria. As in traditional
architecture, the focus is on the user
and on user requirements.
Source: Wikipedia
What makes a good website.
1. Right domain name
2. Space
3. Simple navigation
4. About you page
5. Contact information
6. Call to action (sign up page)
7. Compelling content (seo)
Source: .me study 2015
Domain Names.
www.yourname.archi
Source: Wikipedia
third level
domain
second level
domain
top level
domain
Top Domain Tips.
1. Brainstorm ideas
2. Make your domain unique
3. Choose a relevant top-level domain
4. Make it easy to type
5. Make it easy to remember
6. Keep it as short as possible
7. Avoid copyright infringement
8. Create a brand
9. Reject hyphens & numbers
10.Dont follow trends
Where to research domain names.
www.domainr.com
whois.domaintools.com
www.namemesh.com
Where to buy a domain name.
www.godaddy.com
www.name.com
www.hover.com
Ad Break
From September 15 all AIAS member
receive .archi domain name for one year
free of charge.
Web design has changed.
Web design has changed.
Choose your web design adventure.
Dipping my toes in Im all inMake it easy Im committed
Free
$5-$50
per month
Hosting
Costs
Loss of
friends
www.folio.archi
Top Tools For Web Design.
Balsamiq
www.balsamiq.com
Balsamiq Mockups is a rapid wireframing tool that helps you Work Faster & Smarter. It
reproduces the experience of sketching on a whiteboard, but using a computer.
Top Tools For Web Design.
Kuler
https://color.adobe.com
Kuler website allows you to choose a color and then be presented with other colors that
'work' with your initial choice. It's really useful if you've got an existing logo and you
want some nice accent colors to use elsewhere on a site or if you're just looking for some
inspiration for a color scheme.
Top Tools For Web Design.
Hipster Ipsum
www.hipsum.co/
BPitchfork DIY ennui kale chips, tilde cred fixie Etsy vegan cold-pressed umami beard
drinking vinegar Intelligentsia. Dreamcatcher American Apparel shabby chic swag
keytar.
Top Tools For Web Design.
Firebug
http://getfirebug.com/
Firebug is a free tool that integrates with Firefox, and lets you inspect and edit the
HTML of websites.
Top Tools For Web Design.
Codecademy
www.codecademy.com
FiCodecademy is an online interactive platform that offers free coding classes in 8
different programming languages including Python, PHP, jQuery, JavaScript, AngularJS,
and Ruby, as well as markup languages HTML and CSS.
Top Tools For Web Design.
Themeforest
www.themeforest.com
At ThemeForest you can buy and sell HTML templates as well as themes for popular
CMS products like WordPress, Joomla and Drupal. Items are priced on the complexity,
quality and use of the file; the total price also includes a Buyer Fee.
Ad Break
AIAS + .Archi Competition Web
portfolio design mock-up competitions
Submit your portfolio site mock-up and
designs. Winners will get their sites
built by professional web designers.
Thats it right?  No! The internet
doesnt care you launched a
website :(
SEO helps people find you.
SEO stands for search engine
optimization. It is the process of
getting traffic from the free,
organic, editorial or natural
search results on search engines.
What makes good SEO.
1. Relevant keywords
2. Simple URLs
3. Produce great content
4. Get involved in social
5. Blog
6. Research keyword and topics
Source: .me study 2015
Top Tools For Web Design.
SEO MOZ Blog
www.moz.com/blog
The industry's top wizards, doctors, and other experts offer their best advice, research,
how-tos, and insightsall in the name of helping you level-up your SEO and online
marketing skills.
Top Tools For Web Design.
Google Analytics
www.google.com/analytics/
Aimed toward marketers, Google Analytics provides detailed statistics about a websites
traffic and traffic sources. In the Dashboard, you can view these statistics for any period
of time of your choosing.
Top Tools For Web Design.
Buzzsumo
www.buzzsumo.com
Buzzsumo is an ideal site for getting blog topic ideas because it shows you how existing
posts and stories have been shared on social media.
Thats it right?  No! The internet
still doesnt care you launched a
website but give it time and commit
to it.
Thank you
rob@startingdot.com
@robrozicki

More Related Content

American Institute of Architect Students Grassroots 2015

  • 2. Rob Rozicki SVP StartingDot Ltd www.domains.archi Web Design Tools For Architects
  • 3. Personal websites directly correlate to career success. Building your brand Attract new opportunities Employers are looking at you online Source: .me study 2015
  • 4. Website Architecture. Website architecture is an approach to the design and planning of websites that involves technical, aesthetic and functional criteria. As in traditional architecture, the focus is on the user and on user requirements. Source: Wikipedia
  • 5. What makes a good website. 1. Right domain name 2. Space 3. Simple navigation 4. About you page 5. Contact information 6. Call to action (sign up page) 7. Compelling content (seo) Source: .me study 2015
  • 6. Domain Names. www.yourname.archi Source: Wikipedia third level domain second level domain top level domain
  • 7. Top Domain Tips. 1. Brainstorm ideas 2. Make your domain unique 3. Choose a relevant top-level domain 4. Make it easy to type 5. Make it easy to remember 6. Keep it as short as possible 7. Avoid copyright infringement 8. Create a brand 9. Reject hyphens & numbers 10.Dont follow trends
  • 8. Where to research domain names. www.domainr.com whois.domaintools.com www.namemesh.com
  • 9. Where to buy a domain name. www.godaddy.com www.name.com www.hover.com
  • 10. Ad Break From September 15 all AIAS member receive .archi domain name for one year free of charge.
  • 11. Web design has changed.
  • 12. Web design has changed.
  • 13. Choose your web design adventure. Dipping my toes in Im all inMake it easy Im committed Free $5-$50 per month Hosting Costs Loss of friends
  • 15. Top Tools For Web Design. Balsamiq www.balsamiq.com Balsamiq Mockups is a rapid wireframing tool that helps you Work Faster & Smarter. It reproduces the experience of sketching on a whiteboard, but using a computer.
  • 16. Top Tools For Web Design. Kuler https://color.adobe.com Kuler website allows you to choose a color and then be presented with other colors that 'work' with your initial choice. It's really useful if you've got an existing logo and you want some nice accent colors to use elsewhere on a site or if you're just looking for some inspiration for a color scheme.
  • 17. Top Tools For Web Design. Hipster Ipsum www.hipsum.co/ BPitchfork DIY ennui kale chips, tilde cred fixie Etsy vegan cold-pressed umami beard drinking vinegar Intelligentsia. Dreamcatcher American Apparel shabby chic swag keytar.
  • 18. Top Tools For Web Design. Firebug http://getfirebug.com/ Firebug is a free tool that integrates with Firefox, and lets you inspect and edit the HTML of websites.
  • 19. Top Tools For Web Design. Codecademy www.codecademy.com FiCodecademy is an online interactive platform that offers free coding classes in 8 different programming languages including Python, PHP, jQuery, JavaScript, AngularJS, and Ruby, as well as markup languages HTML and CSS.
  • 20. Top Tools For Web Design. Themeforest www.themeforest.com At ThemeForest you can buy and sell HTML templates as well as themes for popular CMS products like WordPress, Joomla and Drupal. Items are priced on the complexity, quality and use of the file; the total price also includes a Buyer Fee.
  • 21. Ad Break AIAS + .Archi Competition Web portfolio design mock-up competitions Submit your portfolio site mock-up and designs. Winners will get their sites built by professional web designers.
  • 22. Thats it right? No! The internet doesnt care you launched a website :(
  • 23. SEO helps people find you. SEO stands for search engine optimization. It is the process of getting traffic from the free, organic, editorial or natural search results on search engines.
  • 24. What makes good SEO. 1. Relevant keywords 2. Simple URLs 3. Produce great content 4. Get involved in social 5. Blog 6. Research keyword and topics Source: .me study 2015
  • 25. Top Tools For Web Design. SEO MOZ Blog www.moz.com/blog The industry's top wizards, doctors, and other experts offer their best advice, research, how-tos, and insightsall in the name of helping you level-up your SEO and online marketing skills.
  • 26. Top Tools For Web Design. Google Analytics www.google.com/analytics/ Aimed toward marketers, Google Analytics provides detailed statistics about a websites traffic and traffic sources. In the Dashboard, you can view these statistics for any period of time of your choosing.
  • 27. Top Tools For Web Design. Buzzsumo www.buzzsumo.com Buzzsumo is an ideal site for getting blog topic ideas because it shows you how existing posts and stories have been shared on social media.
  • 28. Thats it right? No! The internet still doesnt care you launched a website but give it time and commit to it.