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. Don’t 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 I’m all inMake it easy I’m committed
Free
$5-$50
per month
Hosting
Costs
Loss of
friends

14. www.folio.archi

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. That’s it right? – No! The internet
doesn’t 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 insights—all 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 website’s
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. That’s it right? – No! The internet
still doesn’t care you launched a
website but give it time and commit
to it.

29. Thank you
rob@startingdot.com
@robrozicki