web design success word press meetup oct 2014
DESCRIPTION
Web design may seem glamorous and creative, which it is, but there is another side to successful web projects that tends to get overlooked. Whether you are developing yourself or hiring a consultant or agency for your business, whether you are building your first website or you 101st, this proven process will ensure you have a successful project every time. Presentation includes discussions of sitemaps, wireframes, comps, and tools to make planning your project a breeze.TRANSCRIPT
![Page 1: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/1.jpg)
@salig#wpmia
Web Design Success!It’s not just about images
Steven Aligwww.soflaweb.com
![Page 2: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/2.jpg)
@salig#wpmia
Communication
![Page 3: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/3.jpg)
@salig#wpmia
BaseCamp
Project Management & Communication
![Page 4: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/4.jpg)
@salig#wpmia
Development Process
![Page 5: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/5.jpg)
@salig#wcmia
Websites, WordPress & Blogs
![Page 6: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/6.jpg)
@salig#wcmia
Pages & Posts
![Page 7: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/7.jpg)
@salig#wpmia
Information Architect
![Page 8: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/8.jpg)
@salig#wpmia
![Page 9: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/9.jpg)
@salig#wpmia
Reasons to Create a Website
1. To Make Money
2. To Disseminate Information or Opinions
3. To Stroke Your Ego
![Page 10: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/10.jpg)
@salig#wpmia
Who is your Target Audience?
![Page 11: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/11.jpg)
@salig#wpmia
Development Process
![Page 12: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/12.jpg)
@salig#wpmia
Define
• Create Requirement
• Create Specifications to Address all Requirements
![Page 13: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/13.jpg)
@salig#wpmia
Design
• Create Sitemap!
• Create Wireframes
• Create Comps
![Page 14: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/14.jpg)
@salig#wpmia
�����������������������������������6RXWK�)ORULGD�:HE�6WXGLR�����+ROO\ZRRG�%OYG��6WH������+ROO\ZRRG��)O������������������ZZZ�VRIODZHE�FRP
ZZZ�ZHEVLWHQDPH�FRPVLWHPDS
ZHEVLWHQDPH�FRP�:HEVLWH�'HVLJQ��[[[[�[[[�([KLELW�%�±�6LWH�0DS9�����$XJXVW��������
+RPH /LQN
OLQN
&RQWDFWOLQN %ORJ
OLQN
OLQN
OLQN
OLQN
OLQN
OLQN
OLQN
6HDUFK�ER[
,QGLYLGXDO�3RVWV
,QGLYLGXDO�3RVWV
+RPH OLQN &RS\ULJKWOLQNOLQN 'LVFODLPHU
)RRWHU
OLQN
/LQN
OLQN
OLQN
OLQN
1HZV�%ORJ�)XWXUH�
,QGLYLGXDO�3RVWV
![Page 15: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/15.jpg)
@salig#wpmia
Sitemap Tools• http://creately.com
• http://slickplan.com/
• https://gathercontent.com/
• https://www.lucidchart.com/
• Microsoft Visio
• Illustrator
• Google Docs
![Page 16: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/16.jpg)
@salig#wpmia
Sitemap
�����������������������������������6RXWK�)ORULGD�:HE�6WXGLR�����+ROO\ZRRG�%OYG��6WH������+ROO\ZRRG��)O������������������ZZZ�VRIODZHE�FRP
ZZZ�GHGULFNPHGLDWLRQ�FRPVLWHPDS
GHGULFNPHGLDWLRQ�FRP�:HE�'HVLJQ�����������([KLELW�$�±�6LWH�0DS9�����)HE����������
+RPH 0HGLDWLRQ
)RRWHU�ZLOO�UHFUHDWH�3ULPDU\�QDYLJDWLRQ�LQ�WH[W)RRWHU�ZLOO�DOVR�FRQWDLQ�D�OLQN�WR�KWPO�VLWHPDS
&RQWDFW$WWRUQH\�3URILOH
)LUP�2YHUYLHZ &DOHQGDU 1HZV�%ORJ
�)XWXUH�
,QGLYLGXDO�3RVWV
![Page 17: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/17.jpg)
@salig#wpmia
Design
• Create Sitemap
• Create Wireframes!
• Create Comps
![Page 18: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/18.jpg)
@salig#wpmia
6RXWK�)ORULGD�:HE�6WXGLR�����+ROO\ZRRG�%OYG��6WH������+ROO\ZRRG��)O������������������ZZZ�VRIODZHE�FRP
ZHEVLWHQDPH�FRP��:HEVLWH�'HVLJQ��[[[[�[[[�([KLELW�%�±�+RPHSDJH�:LUHIUDPH
9�����$XJ��������������������������������������������������
ZZZ�ZHEVLWHQDPH�FRP�+RPHSDJH�:LUHIUDPH�GLDJUDP�QRW�WR�VFDOH�
6OLGHU�,PDJHV�ZLWK�WH[W�DQG�OLQN
/RJR
3ULPDU\�1DYLJDWLRQ
)RRWHUZLWK�QDYLJDWLRQ�OLQNV
&RS\ULJKW 6RFLDO�/LQNV
,QWUR�&RS\
$GGUHVV��0DS
&RQWDFW�)RUP
FRQWDFW�LQIR
5HFHQW�3RVWV:LGJHW
:LGJHW :LGJHW
![Page 19: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/19.jpg)
@salig#wpmia
Wireframe Tools• http://balsamiq.com
• https://gomockingbird.com/
• http://creately.com
• MS Visio
• Google Docs
• http://www.wirify.com/
![Page 20: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/20.jpg)
@salig#wpmia
Wireframe
6RXWK�)ORULGD�:HE�6WXGLR�����+ROO\ZRRG�%OYG��6WH������+ROO\ZRRG��)O������������������ZZZ�VRIODZHE�FRP
GHGULFNPHGLDWLRQ�FRP��:HEVLWH�'HVLJQ�����������([KLELW�%�±�+RPHSDJH�:LUHIUDPH
9�����)HE���������������������������������������������������
ZZZ�GHGULFNPHGLDWLRQ�FRP�+RPHSDJH�:LUHIUDPH�GLDJUDP�QRW�WR�VFDOH�
6LQJOH�,PDJH�ZLWK�WH[W��QR�VOLGHU�QHHGHG�
/RJR
3ULPDU\�1DYLJDWLRQ
)RRWHUZLWK�QDYLJDWLRQ�OLQNV
&RS\ULJKW &RQWDFW�,QIR
,QWUR�&RS\$GGUHVV��0DS
&RQWDFW�)RUP
*HQERRN�/LQN��FRQWDFW�LQIR
![Page 21: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/21.jpg)
@salig#wpmia
Design
• Create Sitemap
• Create Wireframes
• Create Comps
![Page 22: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/22.jpg)
@salig#wpmia
Comps
![Page 23: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/23.jpg)
@salig#wpmia
Development Process
![Page 24: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/24.jpg)
@salig#wpmia
SUCCESS
![Page 25: Web design success word press meetup oct 2014](https://reader036.vdocuments.site/reader036/viewer/2022062514/5599737b1a28abe97e8b46fc/html5/thumbnails/25.jpg)
@salig#wpmia
Google Docs Templates
www.soflaweb.com
http://ow.ly/Cbrna