The website of Ura Design
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

279 lines
11 KiB

7 years ago
---
layout: default
section_id: home
slides:
- text: <span>USABILITY</span> AND <span>OPEN SOURCE DESIGN</span>
subtitle: Ura supports Open Source and Free Software Projects with Usability, Visual Identity and User Experience Design, no matter if small grassroots or established enterprise.
overlay: overlay
7 years ago
button:
text: What is it?
url: http://opensourcedesign.net
bg_color: "#3399d4"
image: images/main/half-1.jpg
- text: Host your Visual Assets with <span>Identihub</span>
subtitle: Identihub is free open source software designed to host your brand and visual assets in a single place, making it convenient to share with others.
overlay: overlay grey
7 years ago
button:
text: Try it out
url: https://identihub.co
bg_color: "#58595B"
image: images/main/half-2.jpg
- text: Across <span>industry</span> and <span>communities</span>
subtitle: We understand Open Source Communities unlike the average design studio. Have a look at our past projects to see if we can help you.
overlay: overlay
7 years ago
button:
text: Showcases
url: projects
bg_color: "#3399d4"
image: images/main/half-3.jpg
- text: REQUEST <span>DESIGN</span> AND <span>USABILITY</span> SERVICES
subtitle: Need help with your project? Request a free consultation for your Open Source Project and we handle the rest.
overlay: overlay grey
7 years ago
button:
text: Request Services
url: request
bg_color: "#58595B"
image: images/main/half-4.jpg
7 years ago
works_left:
- title: I2P Style Guide and Usability Study
link_to: i2p
image: images/projects/i2p_overview.png
categories: Usability Study | Style Guide
7 years ago
- title: Thunderbird Style Guide and Usability Study
link_to: /projects/thunderbird
7 years ago
image: images/projects/tb_overview.png
categories: Usability Study, Style Guide
works_middle:
- title: LibOCon 2018 Visual Identity
link_to: /projects/libocon
image: images/projects/libocon_overview.png
categories: Visual Identity
- title: Open Labs
link_to: /projects/openlabs
image: images/projects/openlabs_thumbnail.png
categories: Visual Identity
7 years ago
works_right:
7 years ago
- title: Reproducible Builds Styleguide
link_to: /projects/reproducible-builds
image: images/projects/rb_thumbnail.png
categories: Style Guide
- title: Enigmail Rebranding
link_to: /projects/enigmail
image: images/projects/enigmail_overview.png
categories: Visual Identity
7 years ago
testimonials_left:
- author: Jeff Beatty - Mozilla
twitter: https://twitter.com/gueroJeff
content: “The folks at Ura were very professional in learning our expectations, planning the project, and being flexible as things changed. Add to that their commitment to work in the open and it made for a wonderful experience.”
avatar: images/testimonials/jeffbeatty.png
- author: Benjamin Kerensa - Glucosio
twitter: https://twitter.com/bkerensa
content: “When looking for an identity for Glucosio we put our faith into Ura. With an unrivaled ability to bring ideas together into a fresh and modern branding experience we were really happy with the results.”
avatar: images/testimonials/benjaminkerensa.png
7 years ago
testimonials_right:
- author: Justin Dorfman - Stickermule
twitter: https://twitter.com/jdorfman
content: “Ever since 'Open Source' was coined 20 years ago, a majority of projects have lacked great design. Ura is leading the way to fill that gap of Open Source Design in the community.”
avatar: images/testimonials/justindorfman.png
- author: Sara Sinclair Brody - Simply Secure
twitter: https://twitter.com/scouttle
content: “Ura understood the needs of the open-source community when we worked together creating a styleguide for the Tor Project. They were able to deliver a polished result in a large, distributed volunteer organization.”
avatar: images/testimonials/simplysecure.png
7 years ago
clients:
- image: images/clients/mozilla.png
url: https://mozilla.org
- image: images/clients/tor.png
url: https://www.torproject.org/
- image: images/clients/linuxfoundation.png
url: https://www.linuxfoundation.org
- image: images/clients/fsfe.png
url: https://fsfe.org/
- image: images/clients/stickermule.png
url: https://stickermule.com/
7 years ago
---
7 years ago
<div class="full no-padding" style="height: 100vh;">
7 years ago
<div id="slides">
<div class="slides-container">
{% for slide in page.slides %}
<div class="slide">
<div class="slide-info">
<p>{{ slide.title }}</p>
<h1>{{ slide.text }}</h1>
<div class="one spacing"></div>
<p style="line-height: 1.3;">{{ slide.subtitle }}</p>
<div class="one spacing"></div>
<a href="{{ slide.button.url }}" class="button boxed white">{{ slide.button.text }}</a>
7 years ago
</div>
<div class="slide-left" style="background-color: {{ slide.bg_color }};">
</div>
<div class="slide-right {{ slide.overlay }}" style="background: url({{ slide.image }}) center center no-repeat;background-size: cover;">
7 years ago
</div>
</div>
{% endfor %}
</div>
<nav class="slides-navigation">
<a href="#" class="next"><i class="icon-arrows-slim-right"></i></a>
<a href="#" class="prev"><i class="icon-arrows-slim-left"></i></a>
</nav>
</div>
</div>
<div class="full">
7 years ago
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<img class="lazy" data-src="images/main/icon.svg" alt="" class="wow flipInY" data-wow-duration="2s" data-wow-delay="0.1s">
7 years ago
<div class="spacing"></div>
<h2>Design, but Open</h2>
7 years ago
</div>
</div>
</div>
<div class="row">
<div class="large-10 large-centered columns">
<p>Ura is a digital studio which focuses on visual communication solutions tailored for Open Source and Internet Freedom projects. Ura was founded in 2016 in Albania to cater to the ever-rising demand for Usability and Design services in Open Source Software. We specialize in UX Design, Design Systems Research and Visual Identity.</p>
<p>Our work can be seen across various Open Source projects such as <a href="https://mozilla.org" target="_blank">Mozilla</a>, <a href="https://www.torproject.org" target="_blank">The Tor Project</a> and <a href="https://www.linuxfoundation.org" target="_blank">The Linux Foundation</a>.</p>
<p>We also develop <a href="https://identihub.co" target="_blank">Identihub</a>, Open Source Software to self-host visual assets and identities to ease collaboration between designers and developers.</p>
<div class="two spacing"></div>
<div class="centered-text">
<a href="about" class="button boxed blue">Learn more</a>
</div>
7 years ago
</div>
</div>
7 years ago
</div>
<div class="full light-grey no-padding">
<div class="two spacing"></div>
<div class="section-title" style="margin-bottom: 0px;">
<div class="row">
<div class="medium-10 medium-centered columns">
<p style="font-size: 18px;">We are proud to have worked with:</p>
</div>
</div>
</div>
<div class='row'>
<div class='large-12 columns'>
<div class='clients'>
{% for client in page.clients %}
<div><a href="{{client.url}}" target="blank"><img class="lazy" alt="" data-src="{{site.baseurl}}/{{client.image}}" width="200px" height="120px"></a></div>
{% endfor %}
</div>
</div>
</div>
<div class="two spacing"></div>
</div>
<div class="full">
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h2>Testimonials</h2>
<p>What people say about us</p>
</div>
</div>
</div>
<div class="row">
<div class="large-6 columns">
{% for testimonial in page.testimonials_left %}
<div class="quote wow slideInLeft" data-wow-delay="{{ 0.25 | times:forloop.index0 }}s">
<div class="row">
<div class="small-3 columns">
<img class="lazy" data-src="{{testimonial.avatar}}" width="102px" height="102px" alt="author">
</div>
<div class="small-9 columns">
<p>{{testimonial.content}}</p>
<a href="{{testimonial.twitter}}"><p class="author">{{testimonial.author}}</p></a>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="large-6 columns">
{% for testimonial in page.testimonials_right %}
<div class="quote reverse wow slideInRight" class="wow" data-wow-delay="{{ 0.25 | times:forloop.index0 }}s">
<div class="row">
<div class="small-3 columns">
<img class="lazy" data-src="{{testimonial.avatar}}" width="102px" height="102px" alt="author">
</div>
<div class="small-9 columns">
<p>{{testimonial.content}}</p>
<a href="{{testimonial.twitter}}"><p class="author">{{testimonial.author}}</p></a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
7 years ago
<div class="full no-padding">
<div class="spacing"></div>
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h2>Featured projects</h2>
<p>Have a look at our past projects</p>
7 years ago
</div>
</div>
</div>
</div>
<div class="full">
<div class="row">
<div class="large-4 columns">
{% for work in page.works_left %}
<div class="work-wrapper">
<a href="{{work.link_to}}" class="work">
<img class="lazy" data-src="{{site.url}}/{{work.image}}" alt="">
<div class="info">
<h3>{{work.title}}</h3>
<p>{{work.categories}}</p>
7 years ago
</div>
</a>
7 years ago
</div>
{% endfor %}
</div>
<div class="large-4 columns">
{% for work in page.works_middle %}
<div class="work-wrapper">
<a href="{{work.link_to}}" class="work">
<img class="lazy" data-src="{{site.url}}/{{work.image}}" alt="">
<div class="info">
<h3>{{work.title}}</h3>
<p>{{work.categories}}</p>
7 years ago
</div>
</a>
7 years ago
</div>
{% endfor %}
7 years ago
</div>
<div class="large-4 columns">
{% for work in page.works_right %}
<div class="work-wrapper">
<a href="{{work.link_to}}" class="work">
<img class="lazy" data-src="{{site.url}}/{{work.image}}" alt="">
<div class="info">
<h3>{{work.title}}</h3>
<p>{{work.categories}}</p>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="full light-grey no-padding">
<div class="two spacing"></div>
<div id="newsletter" class='row'>
<div class='medium-10 medium-centered centered-text columns'>
6 years ago
<p>Stay updated with our newsletter!</p>
<a class="button boxed black" href="https://uradesign.hosted.phplist.com/lists/?p=subscribe&id=1" target="_blank">SUBSCRIBE</a>
</div>
<div class="two spacing"></div>
</div>