DeepSeq.AI
Biotech Official Website
DeepSeq.AI is a biotech product service in USA that develops protein drugs in smart and efficient ways. It identifies protein/DNA sequences and properties by combining strategic high-throughput screening and artificial intelligence. The website is for the DeepSeq.AI team to participate in a startup competition and promote their service. I designed for 2 weeks and worked intensively with front-end engineer to communicate the interaction and visual details.
Collaborate with
-
Davin Lin (Front-end engineer)
My responsibilities
-
Web UI / UX design
-
Logo / Infographic design
-
Style guide definition
Goals
-
Fresh image
Design a brand to represent the innovative and professional image of the product.
-
Engaging Experience
Present the complicated bio-technology in an understandable, friendly way.
Site Map
I discussed with service provider about the structure. Considering the information amount and ways of presenting they preferred, we decided to develop One-Page-Web with a simple structure:
Wireframe
The service is complicated and need to be explained. I discussed with the provider and decided to present the content with more infographics, making the website more visually appealing instead of overwhelming users with too much information.
User Interface
Use protein model GIF and dark background in first view to present the theme, and let users blend into the situation. Different color backgrounds and small graphics are used to distinguish sections and imply that the web can be scrolled. In the mobile size screen, menu was located on the bottom of the screen since it is more reachable for user’s thumb.
Logo Design
I used the shape of “D” to make the outline. The “D” is filled with squares because of the association of AI data. The light color squares ( 3 in total, top left to bottom right) is the simplification of DNA ( double strand ). Green gradient color was applied to making the logo look more like biotechnology.
Style Guide
Infographic
DeepSeq.AI has 3 main features, and each feature needs to be explained in an understandable way. I discussed with the team and output the infographics.
