This document provides information about web design tools for architects, including tips for domain names, website architecture, and what makes a good website. It discusses the importance of personal websites for career success and branding. Top tools recommended for web design include Balsamiq Mockups, Kuler, Firebug, Codecademy, and Themeforest. The document also covers search engine optimization and top SEO tools like the SEO Moz Blog, Google Analytics, and Buzzsumo to help people find websites.
1 of 29
Download to read offline
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
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.
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.