Dallas Innovates

Dallas Innovates

Dallas Innovates

Dallas Innovates

Dallas Innovates

UI | WEB DESIGN

UI | WEB DESIGN

UI | WEB DESIGN

UI | WEB DESIGN

UI | WEB DESIGN

Dallas Innovates is a website where visitors can find out about DFW startups, enterprise, education, invention, creatives, technology, and social innovators. From sitemap and wireframe creation to the actual visual design, I played the role of head designer for this project.

To see the site live, visit dallasinnovates.com.

Dallas Innovates is a website where visitors can find out about DFW startups, enterprise, education, invention, creatives, technology, and social innovators. From sitemap and wireframe creation to the actual visual design, I played the role of head designer for this project.

To see the site live, visit dallasinnovates.com.

Dallas Innovates is a website where visitors can find out about DFW startups, enterprise, education, invention, creatives, technology, and social innovators. From sitemap and wireframe creation to the actual visual design, I played the role of head designer for this project.

To see the site live, visit dallasinnovates.com.

Dallas Innovates is a website where visitors can find out about DFW startups, enterprise, education, invention, creatives, technology, and social innovators. From sitemap and wireframe creation to the actual visual design, I played the role of head designer for this project.

To see the site live, visit dallasinnovates.com.

Dallas Innovates is a website where visitors can find out about DFW startups, enterprise, education, invention, creatives, technology, and social innovators. From sitemap and wireframe creation to the actual visual design, I played the role of head designer for this project.

To see the site live, visit dallasinnovates.com.

CLIENT
CLIENT
CLIENT
CLIENT
CLIENT

Dallas Regional Chamber

Dallas Regional Chamber

Dallas Regional Chamber

Dallas Regional Chamber

Dallas Regional Chamber

SERVICES
SERVICES
SERVICES
SERVICES
CLIENT

Web Design
User Interface Design

Web Design
User Interface Design

Web Design
User Interface Design

Web Design
User Interface Design

Web Design
User Interface Design

YEAR
YEAR
YEAR
YEAR
YEAR

2016

2016

2016

2016

2016

HOMEPAGE

The following is the landing page mocked up for Dallas Innovates.

HOMEPAGE

The following is the landing page mocked up for Dallas Innovates.

HOMEPAGE

The following is the landing page mocked up
for Dallas Innovates.

HOMEPAGE

The following is the landing page mocked up
for Dallas Innovates.

HOMEPAGE

The following is the landing page mocked up for Dallas Innovates.

Homepage_v2_72dpi

ICONOGRAPHY

ICONOGRAPHY

ICONOGRAPHY

ICONOGRAPHY

Contributor-M@600
Contributor-F@600_72

CONTRIBUTOR
PLACEHOLDER IMAGES

These images were designed to be used as placeholders for contributors' profile images. If a contributor does not have a profile image, they can choose between a male or female graphic.

CONTRIBUTOR
PLACEHOLDER IMAGES

These images were designed to be used as placeholders for contributors' profile images. If a contributor does not have a profile image, they can choose between a male or female graphic.

CONTRIBUTOR PLACEHOLDER IMAGES

These images were designed to be used as placeholders for contributors' profile images. If a contributor does not have a profile image, they can choose between a male or female graphic.

CONTRIBUTOR
PLACEHOLDER IMAGES

These images were designed to be used as placeholders for contributors' profile images. If a contributor does not have a profile image, they can choose between a male or female graphic.

Enterprise@600_72
Startup@600_72
Creatove@600_72
Invention@600_72
Education@600_72
Social@600_72

CATEGORICAL TAGS

Categorical tags were created to indicate the type of content featured within articles. The tags' shape alludes to the shape of the 'D' within the Dallas Innovates logo.  

CATEGORICAL TAGS

Categorical tags were created to indicate the type of content featured within articles. The tags' shape alludes to the shape of the 'D' within the Dallas Innovates logo.  

CATEGORICAL TAGS

Categorical tags were created to indicate the type of content featured within articles. The tags' shape alludes to the shape of the 'D' within the Dallas Innovates logo.  

CATEGORICAL TAGS

Categorical tags were created to indicate the type of content featured within articles. The tags' shape alludes to the shape of the 'D' within the Dallas Innovates logo.  

SINGLE ARTICLE PAGE

The following is mock up of a single article page. As shown, users have the capability to view related articles or navigate through the previous or next article in queue.

SINGLE
ARTICLE PAGE

The following is mock up of a single article page. As shown, users have the capability to view related articles or navigate through the previous or next article in queue.

SINGLE ARTICLE PAGE

The following is mock up of a single article page. As shown, users have the capability to view related articles or navigate through the previous or next article in queue.

SINGLE
ARTICLE PAGE

The following is mock up of a single article page. As shown, users have the capability to view related articles or navigate through the previous or next article in queue.

SINGLE
ARTICLE PAGE

The following is mock up of a single article page. As shown, users have the capability to view related articles or navigate through the previous or next article in queue.

Single-Article-Page_v2_72dpi

NAVIGATION

NAVIGATION

NAVIGATION

NAVIGATION

NAVIGATION WITH HOVER BEFORE SCROLLING

NAVIGATION WITH HOVER BEFORE SCROLLING

NAVIGATION WITH HOVER BEFORE SCROLLING

NAVIGATION WITH HOVER
BEFORE SCROLLING

Navigation_before-scroll2_72

NAVIGATION
AFTER SCROLLING

NAVIGATION AFTER SCROLLING

NAVIGATION
AFTER SCROLLING

Navigation_after-scroll2_72

GALLERY PAGE

The following is mock up of a single article page with a gallery. Upon clicking on an image, a lightbox with a larger view of the image will appear over the existing page. Users will have the capability to scroll images or close out of the lightbox view.

GALLERY PAGE

The following is mock up of a single article page with a gallery. Upon clicking on an image, a lightbox with a larger view of the image will appear over the existing page. Users will have the capability to scroll images or close out of the lightbox view.

GALLERY PAGE

The following is mock up of a single article page with a gallery. Upon clicking on an image, a lightbox with a larger view of the image will appear over the existing page. Users will have the capability to scroll images or close out of the lightbox view.

GALLERY PAGE

The following is mock up of a single article page with a gallery. Upon clicking on an image, a lightbox with a larger view of the image will appear over the existing page. Users will have the capability to scroll images or close out of the lightbox view.

Gallery-page_lightbox_no-margins72
White-fade-background

RESPONSIVENESS

RESPONSIVENESS

RESPONSIVENESS

RESPONSIVENESS

iPhone7_mockup_homepage-w-menu_72
iPhone7_mockup_single-article_72
iPhone7_mockup_single-article-w-ad_72

The Dallas Innovates website was designed with flexibility in mind to appear correctly across all digital platforms. Whether it is viewed from desktop, laptop, tablet, or mobile, the Dallas Innovates website's layout grows and shrinks accordingly while maintaining its functionality. 

The Dallas Innovates website was designed with flexibility in mind to appear correctly across all digital platforms. Whether it is viewed from desktop, laptop, tablet, or mobile, the Dallas Innovates website's layout grows and shrinks accordingly while maintaining its functionality. 

The Dallas Innovates website was designed with flexibility in mind to appear correctly across all digital platforms. Whether it is viewed from desktop, laptop, tablet, or mobile, the Dallas Innovates website's layout grows and shrinks accordingly while maintaining its functionality. 

IT'S ALIVE!

Check out the Dallas Innovates website today.

IT'S ALIVE!

Check out the Dallas Innovates website today.

IT'S ALIVE!

Check out the Dallas Innovates website today.

IT'S ALIVE!

Check out the Dallas Innovates website today.

MORE PROJECTS

hello@sharontran.design

hello@sharontran.design