%20--%3e%3csvg%20version='1.1'%20id='レイヤー_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='28.9px'%20height='7.3px'%20viewBox='0%200%2028.9%207.3'%20style='enable-background:new%200%200%2028.9%207.3;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{display:none;}%20.st1{display:inline;fill:%23030303;stroke:%23030303;stroke-width:0.25;stroke-miterlimit:10;}%20.st2{fill:%23030303;}%20%3c/style%3e%3cg%20class='st0'%3e%3cpath%20class='st1'%20d='M6,7.1v-5C6,2,6,1.8,6,1.8L5.9,1.9L3.8,4.8H3.4L1.2,2.1L1.1,2c0,0,0,0.1,0,0.2v4.9H0.2V0.3H1l2.6,3.3l2.5-3.3%20h0.8v6.8C6.9,7.1,6,7.1,6,7.1z'/%3e%3cpath%20class='st1'%20d='M8.3,7.1V0.3h3.8v0.9H9.2v2.2H12v0.9H9.2v2h3v0.9H8.3V7.1z'/%3e%3cpath%20class='st1'%20d='M18,7.1l-3.6-4.9c0-0.1-0.1-0.2-0.1-0.2s0,0.1,0,0.2v4.9h-0.9V0.3h0.8l3.5,4.8l0.1,0.2c0,0,0-0.1,0-0.2V0.3%20h0.9v6.8C18.7,7.1,18,7.1,18,7.1z'/%3e%3cpath%20class='st1'%20d='M22.7,7.2c-1.6,0-2.6-1-2.6-2.7V0.3H21v4.2c0,1.3,0.8,1.8,1.7,1.8c0.9,0,1.7-0.5,1.7-1.8V0.3h0.9v4.2%20C25.4,6.1,24.2,7.2,22.7,7.2z'/%3e%3c/g%3e%3cg%3e%3cpolygon%20class='st2'%20points='4.9,3.3%202.5,0.1%202.4,0.1%201.5,0.1%201.5,7.1%202.6,7.1%202.6,2.2%204.6,4.8%204.7,4.9%205.2,4.9%207.2,2.2%207.2,7.1%208.4,7.1%208.4,0.1%207.3,0.1%20'/%3e%3cpolygon%20class='st2'%20points='11,4.2%2013.7,4.2%2013.7,3.1%2011,3.1%2011,1.2%2013.8,1.2%2013.8,0.1%209.8,0.1%209.8,7.1%2014,7.1%2014,6%2011,6%20'/%3e%3cpolygon%20class='st2'%20points='19.6,4.8%2016.2,0.1%2016.2,0.1%2015.2,0.1%2015.2,7.1%2016.4,7.1%2016.4,2.3%2019.8,7.1%2019.8,7.1%2020.8,7.1%2020.8,0.1%2019.6,0.1%20'/%3e%3cpath%20class='st2'%20d='M26.5,0.1v4.3c0,0.8-0.4,1.7-1.6,1.7c-1,0-1.6-0.6-1.6-1.7V0.1h-1.2v4.3c0,1.7,1.1,2.8,2.8,2.8%20c1.6,0,2.8-1.2,2.8-2.8V0.1H26.5z'/%3e%3c/g%3e%3c/svg%3e)
%20--%3e%3csvg%20version='1.1'%20id='レイヤー_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='29px'%20height='7.4px'%20viewBox='0%200%2029%207.4'%20style='enable-background:new%200%200%2029%207.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23030303;}%20%3c/style%3e%3cg%3e%3cpolygon%20class='st0'%20points='4.9,3.4%202.5,0.2%202.4,0.2%201.5,0.2%201.5,7.2%202.6,7.2%202.6,2.3%204.6,4.9%204.7,5%205.2,5%207.2,2.3%207.2,7.2%208.4,7.2%208.4,0.2%207.3,0.2%20'/%3e%3cpolygon%20class='st0'%20points='11,4.3%2013.7,4.3%2013.7,3.2%2011,3.2%2011,1.3%2013.8,1.3%2013.8,0.2%209.8,0.2%209.8,7.2%2014,7.2%2014,6.1%2011,6.1%20'/%3e%3cpolygon%20class='st0'%20points='19.6,4.9%2016.2,0.2%2016.2,0.2%2015.2,0.2%2015.2,7.2%2016.4,7.2%2016.4,2.4%2019.8,7.2%2019.8,7.2%2020.8,7.2%2020.8,0.2%2019.6,0.2%20'/%3e%3cpath%20class='st0'%20d='M26.5,0.2v4.3c0,0.8-0.4,1.7-1.6,1.7c-1,0-1.6-0.6-1.6-1.7V0.2h-1.2v4.3c0,1.7,1.1,2.8,2.8,2.8%20c1.6,0,2.8-1.2,2.8-2.8V0.2H26.5z'/%3e%3c/g%3e%3c/svg%3e)
Web Design Gallery Around the World
In April, 2015, a website that enables you to see various attractive web designs around the world “COLLECTON” has opened. It is an online web design gallery that offers selected links of fascinating websites throughout the world to the web designers, engineers, and creators. It would be helpful for you to get inspiration when you’d like to design a website.
Challenges
Sharing Design Knowledge within the Company
We found that the designers tend to see some gallery websites as a reference when we were talking about how we could share our design knowledge within the company, so we decided to introduce web designs we felt amazing both inside and outside the office.
Solutions
Accumulating Knowledge by Running a Website
By running an online gallery, the designers who didn’t have so much knowledge on website programming like html could have the opportunity to learn about coding. This project was quite helpful for us not only to share design knowledge, but also to understand the structure of website.
Results
Organizing the Design Knowledge
By discussing what kind of web design should we choose and what is the good point, we could learn systematically about the tone and manner of designing. As a result, we could come up with the idea of design quicker than before.
Logo
Symbol
Type
faces
Color
Schemes
RGB / 255 255 255
CMYK / 0 0 0 0
HEX #FFFFFFRGB / 241 241 241
CMYK / 6 5 5 0
HEX #F1F1F1RGB / 0 0 0
CMYK / 0 0 0 100
HEX #000000
PROJECT
COLLECTON Service DesignYEAR
2015WEBSITE
%20--%3e%3csvg%20version='1.1'%20id='レイヤー_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='45px'%20height='45px'%20viewBox='0%200%2045%2045'%20style='enable-background:new%200%200%2045%2045;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:none;}%20.st1{fill:none;stroke:%23555555;}%20.st2{fill:none;stroke:%23555555;stroke-linecap:square;}%20%3c/style%3e%3cg%20id='楕円形_3'%3e%3ccircle%20class='st0'%20cx='22.5'%20cy='22.5'%20r='22.5'/%3e%3ccircle%20class='st1'%20cx='22.5'%20cy='22.5'%20r='22'/%3e%3c/g%3e%3cline%20id='線_69'%20class='st1'%20x1='20.1'%20y1='15.6'%20x2='26.6'%20y2='22'/%3e%3cline%20id='線_70'%20class='st2'%20x1='20.1'%20y1='28.2'%20x2='26.6'%20y2='22'/%3e%3c/svg%3e)
Please rotate the screen.